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

/* COLORS */
.blue-logo {background-color: #51889d;}
.blue-cor {background-color: rgba(181, 126, 0, 0.7)
}
.blue-cor-2 {background-color: rgba(23, 57, 167, 0.56);}
.blue-text2 {color: rgba(47, 23, 255, 0.78);}


/* LOGO*/
.logo_text {font-size: 0; margin: 0;}
.logo_img {width: 100px; margin-top: 20px}

/* MENU */
.navbar {background-color:rgba(13, 71, 161, 0.58); transition: background 0.5s linear; }
.navbar ul a:hover {background-color: transparent; color: #51889d;}
.nav-color {background-color: rgba(13, 71, 161, 0.58); transition: background 0.5s linear;}

/* HOME */
.home {animation: mudarbg 60s infinite; background-image: url('../img/erp-titulo-erp.jpg'); background-repeat: no-repeat;
    background-size:cover;}
.banner h2 {font-size: 2.5rem; font-weight: 900; text-transform: uppercase;}
.banner p {font-size: 1.2rem; line-height: 1.8rem;}

/* HOME - ANIMATION */
@keyframes mudarbg {
    100% {background-image: url('../img/fundo-homem.jpg');}
    80% {background-image: url('../img/fundo-slid-pdv.jpg');}
    40% {background-image: url('../img/fundo-provisorio.jpg');}
}

    /*TITULO E PARAGRAFO*/
.titulo {font-size: 2rem; text-transform: uppercase;}
.titulo::after {content: ''; display: block; width: 100px; border-top: 1px solid #51889d; margin:15px auto;}
.paragrafo {line-height: 1.8rem;}

/* SOBRE */
.sobre {background-image: url('../img/textura1.png');}
.sobre p {line-height: 1.8rem; text-align: justify;}
.sobre .missao-visao-valores {padding: 20px 0; margin-top: 35px;}
.sobre .missao-visao-valores .icon {color: #FFFFFF;}
.sobre .missao-visao-valores h3 {font-size: 1.5rem; color: #FFFFFF; text-transform: uppercase}
.sobre .missao-visao-valores p {color: #FFFFFF;}


/*  SERVIÇOS */
.servicos {background-image: url('../img/textura2.png');}
.servicos .btn-horario {padding-bottom: 20px;}

/*SISTEMAS*/
.informativo {background-image: url('../img/dark-honeycomb.png');}
.informativo article p {line-height: 1.8rem}

/*CONTATO*/
.contato { background-image: url('../img/textura1.png');}
.contato h4 {font-size: 1.2rem; text-transform: uppercase; font-weight: 900;}
.contato .mapa {min-height: 560px;}
.contato .mapa iframe {width: 100%; min-height: 560px;}
.contato .informacoes {background-image: url('../img/textura2.png'); min-height: 560px; padding: 30px;}
.contato .formulario {min-height: 560px; padding: 30px;}

/*DEPOIMENTOS*/
.depoimentos .titulo::after {border-color: #FFFFFF;}
.depoimentos img {width: 100px;}
.depoimentos h4 {font-size: 1.2rem; font-weight: 900;}


/* RODAPE*/
.rodape {background-image: url('../img/bg-rodape.jpg'); background-repeat: no-repeat; background-size: cover; padding: 30px 0;}




/* CUSTOM */
nav.nav-extended .nav-wrapper {
    min-height: 94px;

}

.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;

}

/* IMAGEM FUNDO MENU MOBILE */
    .side-nav {background: url('../img/textura2.png');}
    .side-nav li>a {color: #fff;}

    .row {margin-bottom: 0;}

    .tabs {background-color: #51889d}
    .tabs .tab a {color: #FFFFFF}
    .tabs .tab a:hover, .tabs .tab a.active {color: #212121;}
    .tabs .indicator {background-color: #212121}

/* MEDIA */
@media only screen and (max-width: 480px) {
    .card-image-horizontal {display: none;}

}
@media only screen and (min-width: 601px) {
    .banne {padding-top: 4.5rem;}
    .banner h2 {font-size: 4rem;}
    .container{width: 85%}
}

@media only screen and (min-width: 993px) {
    .banne {padding-top: 4.5rem;}
    .banner h2 {font-size: 5rem;}
    .container{width: 90%}
}