/* 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;}
a {
    color: #336a93;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

/* 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%;}
.btn-horario {margin-bottom: 10%;}

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

/*SLIDER*/
.slider h3 {text-shadow: 1.5px 0px 0px black, -1.5px 0px 0px black, 0px 1.5px 0px black, 0px -1.5px 0px black;}
.slider h5 {text-shadow: 1.5px 0px 0px black, -1.5px 0px 0px black, 0px 1.5px 0px black, 0px -1.5px 0px black;}

/*-- 1ª PÁGINA --*/


.como {background-image: url('../img/textura.png'); min-height: auto;}
.como h2 {font-size: 2rem; color: #fff; text-transform: uppercase;}
.como h2::after {content:''; display: block; width: 100px; border-top: 1px solid #fff; margin:15px auto;}

/*PROGRAMA*/
.programa .collapsible-body {background-image: url('../img/textura.png'); min-height: auto;}

/* DEPOIMENTOS */
.depoimentos {display: flex;  justify-content: center; align-items: center; margin-right: auto; margin-left: auto;}
.depoimentos .titulo::after {border-color: #fff;}
.depoimentos h2 {font-size: 2rem; color: #fff; /* text-transform: uppercase;*/}
.depoimentos h2::after {content:''; display: block; width: 100px; border-top: 1px solid #0f1031;; margin:15px auto;}
.depoimentos img {width: 150px;}
.depoimentos h4 {font-size: 1.5rem; font-weight: 300;}
.depoimentos h5 {font-size: 1.0rem; font-weight: 300;}
.depoimentos p {font-size: 1.0rem; font-weight: 300;}

.valores {background-image: url('../img/textura.png'); padding: 1%;}
.valores i {color: #0f1031; float: center;}
.valores h2 {font-size: 2rem; color: #fff; }
.valores h2::after {content:''; display: block; width: 100px; border-top: 1px solid #0f1031;; margin:15px auto;}

/* ROTEIROS */
.roteiros {background-image: url('../img/textura.png'); min-height: auto;}
.roteiros h2 {font-size: 2rem; color: #0f1031; text-transform: uppercase;}
.roteiros h2::after {content:''; display: block; width: 100px; border-top: 2px solid #0f1031; margin:15px auto;}
.roteiros p {font-size:1.3rem; line-height: 2rem; text-align: justify;}
.roteiros img {width: 200px;}
.roteiros i {font-size: 3rem; padding: 2%;}
.roteiros .btn {font-size: 1.5rem; width: 100%; height: 50px; margin-top: 30px; margin-bottom: 30px; border-radius: 100px; line-height: 35px; margin: 2%;  display: flex; justify-content: center; align-items: center;} 

.btn-large {margin-bottom: 30px;}

.card .card-content p {
margin: 0;
color: inherit;
font-size: 1.3rem;
}

/* SERVIÇOS */
.servicos {background-image: url('../img/banner/roteiros.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.servicos h2 {font-size: 2rem; color: #fff; text-transform: uppercase;}
.servicos h2::after {content:''; display: block; width: 100px; border-top: 1px solid #fff; margin:15px auto;}
.servicos p {color:#0f1031; line-height: 1.8rem;}
.servicos img {width: 100%;}
.servicos .card {background-image: url('../img/textura.png')}

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


/*TABELA*/
/** Tabela class tabela **/
table.tabela,
table.tabela th,
table.tabela td {
    border: 1px solid gray; 
    vertical-align: top;
}


/* RODAPÉ */
.rodape {background-image: url('../img/banner/rodape.jpg'); background-position: center; background-repeat: no-repeat;
background-size: cover; padding: 30px 0;}
.rodape img {width: 150px;}


/*APOIO*/
.btn {width: 150px; height: 150px; border-radius: 150px; line-height: 65px; margin: 2%; position: center;}
.apoio i{font-size: 3rem;}
.apoio img {width: 250px;}
.apoiosss img {width: 60px;}
.apoios {width: 40px; height: 40px; line-height: 40px;}
.apoioss {width: 90px; height: 56px; line-height: 56px; margin: 2%; position: center;}

/*BOTÃO VOLTAR*/
#subirTopo {
text-decoration: none;
background: rgba(30,156,161,.9);
bottom: 15px;
right: 15px;
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; font-size: 1.3rem; line-height: 2rem;}


/* 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;}
.img {width: 10%;}
}

@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: 100px;}
.selo img {width:13%; float: right; margin-right: 150px;}
.btn-sobre img {width: 25%; float: left;}
.card {min-height: 380px;}
.sobre img {width: 80px;}
.colunas {width: 90%; margin: 5%; column-count: 2; text-align: justify; column-gap: 55px;}
.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: 150px;}
.selo img {width:10%; float: right; margin-right: 200px;}
.card {min-height: 435px;}
.sobre img {width: 150px;}
}