/* HEIGHT 100% */
html, body {height: 100%;}
.bloco {min-height: 100%; padding-top: 94px;}

/* COLORS */
.blue-logo {background-color: #0f1031;}

/* LOGO */
.logo_text {margin: 10px; margin-top:10px; width:35%; height:80px; float:left; background: url(../img/btn/bots-mobile.png) center center/120px no-repeat; font-size:0;}


/* MENU */
.navbar {background-color: transparent; transition: background 0.5s linear;}
.navbar ul a:hover {background-color: transparent; color: #8e92fc;}
.navbar .button-collapse {padding-right: 0px; }
.navbar .button-collapse img {width:50px; height:50px; margin-top: 20px; float:center;  cursor:pointer; }
.nav-color {background-color: rgba(15,16,49); transition: background 0.5s linear;}

.btn-menu {width:56px; height:56px; float:right; text-align:center; color:#FFF; border-radius:56px; cursor:pointer; background: margin-right:8%; margin-top:8%;}


/* HOME */
.home {animation: mudarbg 20s infinite; background-image: url('../img/banner/interfaces.png'); background-repeat: no-repeat; background-size: cover; position: }
.banner h2 {font-size: 2.0rem; font-weight: 900; text-transform: uppercase; }
.banner p {font-size: 1.5rem; line-height: 1.8rem;}
.icone img {color: white; }

/* HOME ANIMATION */
@keyframes mudarbg {
  	40% {background-image: url('../img/banner/tamanho/c2.png');}
  	80% {background-image: url('../img/banner/tamanho/c3.png');} 
   100% {background-image: url('../img/banner/tamanho/c4.png');}
}

/*TITULO E PARÁGRAFO */
.titulo {font-size: 2rem; text-transform: uppercase;}
.titulo::after {content: ''; display: block; width: 100px; border-top: 2px; solid #0f1031; margin:15px auto;}

ul:not(.browser-default) {max-width: 98%; font-size: 1.2rem;}

.unidades {background-image: url('../img/banner/perguntas.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.unidades h2 {font-size: 2rem; color: #fff; text-transform: uppercase; text-shadow: 1.5px 0px 0px black, -1.5px 0px 0px black, 0px 1.5px 0px black, 0px -1.5px 0px black;}
.unidades h2::after {content:''; display: block; width: 100px; border-top: 1px solid #0f1031; margin:15px auto; text-shadow: 2px 0px 0px black, -2px 0px 0px black, 0px 2px 0px black, 0px -2px 0px black;}
.unidades p {color:#fff; line-height: 1.8rem;}
.unidades img {color:#0f1031;}


/* SOBRE */
.sobre {background-image: url('../img/textura.png'); padding:  2%  0  0 3%; margin-bottom: 0; min-height: 100%;}
.sobre h2 {font-size: 2rem; color: #0f1031; text-transform: uppercase;}
.sobre h2::after {content:''; display: block; width: 100px; border-top: 2px solid #0f1031; margin:15px auto;}
.sobre h5 {line-height: 2.5rem;}
.sobre p {line-height: 1.8rem; text-align: justify;}
.sobre i {padding: 0%; margin-right: 1%; float: left;}
.btn-sobre img {width: 50%; float: left;}
.sobre .left {float: left}
.metodo i {}

.btn-large {min-width: 155px; margin-bottom: 30px; margin-top: 30px;}

.antecedentes {background-color: #0f1031; padding:  0  0  0 3%; margin-bottom: 0;}
.antecedentes h2 {font-size: 2rem; color: #fff; text-transform: uppercase;}
.antecedentes h2::after {content:''; display: block; width: 100px; border-top: 2px solid #fff; margin:15px auto;}
.antecedentes h5 {line-height: 2.5rem; color: #fff;}
.antecedentes p {line-height: 1.8rem; text-align: justify; color: #fff; font-size: 1.2rem;}
.antecedentes i {font-size: 5rem; float: 	center;}
.antecedentes1 {background-image: url('../img/textura.png'); padding:  0  0  0 3%; margin-bottom: 0;}
.antecedentes1 h2 {font-size: 2rem; color: ##0f1031; text-transform: uppercase;}
.antecedentes1 h2::after {content:''; display: block; width: 100px; border-top: 2px solid #0f1031; margin:15px auto;}
.antecedentes1 h5 {line-height: 2.5rem; color: ##0f1031;}
.antecedentes1 p {line-height: 1.8rem; text-align: justify; color: ##0f1031; font-size: 1.2rem;}
.antecedentes1 i {font-size: 5rem;}

/* CONTATO */
.contato {background-image: url('../img/textura.png')}
.contato h4 {font-size: 1.2rem; text-transform: uppercase; font-weight: 900;}
.contato h2::after {content:''; display: block; width: 100px; border-top: 1px solid #0f1031; margin:15px auto;}
.contato .mapa {min-height: 580px;}
.contato .mapa iframe {width: 100%; min-height: 580px; border: none;}
.contato .informacoes {background-image: url('../img/textura2.png'); min-height: 300px; padding: 30px;}
.informacoes1 {background-image: url('../img/textura5.png'); min-height: 100px; padding: 30px; color:#0f1031;;}
.informacoes1 p {color: #0f1031;}
.informacoes1 h2 {color: #0f1031;}
.informacoes1 h4 {color: #0f1031;}
.informacoes1 img {width: 100%; float: center; margin-bottom: 1%;}
.informacoes2 {background-image: url('../img/textura.png'); width: 95%; float: center; margin-left: 10px;margin-right: 10px; margin-bottom: 1%;}
.contato .collection img {width: 70%; text-align: center; float: center;}

.row {margin-bottom: 0; font-size: 1.3rem; line-height: 2rem;}

.tabela {width: 60%; padding: 10%;}

/*colapsable*/
.collapsible {max-width: 98%;}

/* Adicionadno bordas as tebelas */
/** Tabela class tabela **/
table.tabela,
table.tabela th,
table.tabela td {
    border: 0.5px solid gray; 
    vertical-align: top;
    width: 100%
}
 
/* Definindo o espaço entre as celulas */
table.tabela {
    border-spacing: 5px;
}


 
/* Adicionando espaço entre o conteúdo das
    celulas e as bordas */
table.tabela th,
table.tabela td {
    padding: 2px;
}
 
/*Alimhando os cabeçalhos à esquerda*/
table.tabela th {
    text-align: left;

}

/*COR DE LINHA*/
table.tabela{
    border-collapse: collapse;
    width: 100%;
}
 
table.tabela tr:nth-child(even){
    background-color:#fff;
}
 
table.tabela tr:nth-child(odd){
    background-color:#ccc;
}

/*APOIO*/
.btn {width: 150px; height: 150px; border-radius: 150px; line-height: 65px; margin: 2%; position: center;}
.apoio i{font-size: 4rem;}

/* RODAPÉ */
.rodape {background-image: url('../img/banner/rodape.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px 0;}
.rodape .cadastur img {width: 250px;}
.rodape .selo img {width: 100px;}
.row .col.m4 {margin-top: 2%; margin-bottom: 2%}
.rodapes {padding: 1%;}

/*LOGOS*/
.rodapes img {width: 30%; margin-right: 2%; }
.rodapes {align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}

/*BOTÃO VOLTAR*/
#subirTopo {
text-decoration: none;
background: rgba(30,156,161,.9);
bottom: 30px;
right: 30px;
color: #fff;
text-align: center;
cursor: pointer;
padding: 15px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
position: fixed;
border: 0;
font-family: sans-serif;
opacity: .8;
border-radius: 56px;
width: 56px;
height: 56px;
}
#subirTopo:hover {
opacity:1;
}



/* CUSTOM */

nav.nav-extended .nav-wrapper {
  min-height: 80px;
}

.navbar-fixed {
  position: absolute;
  height: 94px;
}

nav, nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons nav a.button-collapse i {
  height: 94px;
  line-height: 94px;
}

nav ul a {font-size: 1.2rem; padding: 0 10px;}

.side-nav {background-image: url('../img/textura.png')}
.side-nav li>a {color: #0f1031; font-weight: 700; font-size: 2rem; line-height: 1.8px; padding: 30px;}
.side-nav li>a>i, .side-nav li>a>[class^="mdi-"], .side-nav li>a li>a>[class*="mdi-"], .side-nav li>a>i.material-icons {
line-height: 0px; float: none;
}
.row {margin-bottom: 0;}

.tabs {background-color: #0f1031;}
.tabs .tab a {color: #fff}
.tabs .tab a:hover, .tabs .tab a.active {background-color: transparent; color: #2dc7d0;}
.tabs .tab a:hover, .tabs a.active {color: #2dc7d0;}
.tabs .indicator {background-color: #2dc7d0;}

/* MEDIA */
@media only screen and (max-width: 480px) {
.card-image-horizontal {display: none;}
.logo_text {width:30%; float:left; background: url(../img/btn/bots-mobile.png) center center/90px no-repeat; font-size:0;}
}


@media only screen and (min-width: 601px) {
.logo_text {width:400px; float:left; background: url(../img/btn/bots-tablet.png) center center/415px no-repeat; font-size:0;}
.navbar .button-collapse { width:50px; height:50px; float:right; text-align:center; color:#FFF; border-radius:20px; cursor:pointer; }
.banner {padding-top: 4.5rem;}
.banner h2 {font-size: 0rem;}
.banner p {font-size: 3rem; line-height: 4rem;}
.container {width: 90%;}
.modal-container {width: 85%;}
.container {width: 100%;}
.informacoes1 img {width: 50%;}
.cadastur img {width: 45%; float: left; margin-left: 150px;}
.selo img {width:13%; float: right; margin-right: 200px;}
.btn-sobre img {width: 25%; float: left;}
.rodapes img {width: 10%; margin-right: 5%;}
}

@media only screen and (min-width: 993px) {
.logo_text {width:400px; float:left; background: url(../img/btn/bots-desktop.png) center center/400px no-repeat; font-size:0;}
.navbar .button-collapse { margin-top: 0px; margin-right: 45px; width:50px; height:50px; float:right; text-align:center; color:#FFF; border-radius:20px; cursor:pointer; }

.banner {padding-top: 5rem;}
.banner h2 {font-size: 0rem;}
.banner p {font-size: 3rem; line-height: 4rem;}
.button-collapse {display: none;}
.container {width: 95%;}
.informacoes1 img {width: 30%;}
.cadastur img {width: 35%; float: left; margin-left: 200px;}
.selo img {width:10%; float: right; margin-right: 250px;}
.sobre {min-height: 100%;}
.colunas {width: 90%; margin: 5%; column-count: 2; text-align: justify; column-gap: 55px;}
}