/* Genericas 320 */
* {
    font-family: "Lato", "Robot", sans-serif !important;
}
body{
    overflow-x: hidden;
}

.informacoes{
    font-size: 16px;
}

.texto{
    font-size: 16px;
}

.logo-fulltime{
    width: 60px !important;
    height: 70px !important;
}

.titulo {
    color: #333333;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
.btn-primary {
    background: #bd1818;
    border-color: #bd1818;
    text-transform: uppercase;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:hover {
    background: #840000 !important;
    border-color: #840000 !important;
    text-transform: uppercase;
}
.titulo-servicos {
    text-align: left;
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    margin: 15px 0px 20px 15px !important;
    font-weight: bold;
}
.titulo-sobre-nos {
    text-align: left;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
    bottom: 30px;
    width: 200px;
}
.titulo-home{
    margin-top: 15px;
    font-size: 30px;
    color: #2A348B;
    font-weight: 500;
    text-transform: uppercase;
}
.titulo-empresa{
    margin-top: 15px  !important;
    margin-left: 30px;
    font-size: 27px  !important;
    color: #2A348B  !important;
    font-weight: 500  !important;
    text-transform: uppercase  !important;
}
.titulo-proposta{
    margin-top: 15px  !important;
    margin-right: 30px !important;
    font-size: 27px  !important;
    color: #2A348B  !important;
    font-weight: 500  !important;
    text-transform: uppercase  !important;
}
.titulo-contato{
    margin-top: 15px  !important;
    margin-left: 20px !important;
    font-size: 27px  !important;
    color: #2A348B  !important;
    font-weight: 500  !important;
    text-transform: uppercase  !important;
}
.titulo-mvv {
    font-size: 21px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.titulo-atuacao{
    color: #162582;
}
.titulo-servicos{
    color: #162582;
    font-size: 19px;
    font-weight: 600;
}
.titulo-banner {
    position: absolute;
    color: #fff;
    background-color: rgba(36,37,102,0.7);
    bottom: 0px;
    width: 300px;
    height: 125px;
    left: 10%;
}
.titulo-banner p{
    font-size: 23px;
}
.full-width-empresa{
    background-color:#2D2C6E;
}
.full-width-empresa2{
    background-color:#FAFAFA;
}
.full-width-empresa p:not(.titulo-mvv){
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.conteudo-servicos p:not(.titulo-servicos){
    font-size: 15px;
}
.sobre-nos-texto{
    margin: 30px auto 30px auto;
}
.btn-outline-primary {
    color: #bd1818;
    font-weight: bold;
    border-width: 2px;
    border-color: #bd1818;
    text-transform: uppercase;
}
.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:hover {
    background: #840000 !important;
    color: #fff !important;
    border-color: #840000 !important;
    text-transform: uppercase;
}
.paragrafo{
    size: 75%;
}
.nome-servico {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

.banner {
    height: 330px;
    position: relative;
    top: -90px;
}
.div-com-imagem{
    background: url("../assets/img/PLACAAZUL.png")
}
.navbar-toggler {
    background: #3383C2;
    width: 55px;
    padding-top: 7px;
    border: 0px;
}
.navbar-toggler .navbar-toggler-icon{
	display: none;
}
.navbar-toggler p {
    width: 100%;
    float: left;
    padding: 0px 0px;
    border: 1px solid #fff;
    margin-bottom: 5px;
}
.btn-enviar{
    background: #1966AE;
    color: #fff;
    width: 100%;
    padding: 8px 16px;
}
.btn-acessar {
    height: 40px;
    background: #414C9B !important; ;
    color:  #fff;
    text-transform: uppercase;
    width: 200px;
}
.btn-info-serv{
    background: rgb(9, 3, 99);
    color: #fff;
    width: 100%;
    padding: 8px 16px;
    float: center;
    text-transform: uppercase;
    margin-top: 100px;
    border-radius: 8px;
    font-size: 10px
}
.btn-info-serv:hover{
    background-color: #F1B85E;
    color: #fff;
}
.acesse-texto{
    font-size: 10px;
}
.txt-home{
    width: 50%;
    margin: auto;
}
.div-texto{
    margin: 100px -140px 100px 140px;
}
/* Navbar 320 */
.nav-bar{
    top: 0px;
    box-shadow: 0px 17px 50px -10px #1C1C1C;
    z-index: 99999;
}
.box-login {
    position: relative;
    background: #3383C2;
    bottom: 113px;
    width: 100%;
    z-index: 999;
}

.box-login .card {
    background: transparent;
    border: none;
}

.box-login .card-header {
    text-align: center;
}

.box-login .card-header p {
    color: #fff;
    font-weight: 200;
}

#headerAccordion {
    position: relative;
    border: none;
    border-radius: 0px;
    background: transparent;
}

.card-header::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 20px;
    width: 13px;
    height: 13px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(226deg);
}
.card-header.collapsed::after {
    top: calc(50% - 8px);
    transform: rotate(45deg);
}

.login{
	margin-bottom: 5px;
}
.usuario {
    background-position: 15px center;
    background-size: 10px;
    background-color: #fff !important;
    height: 45px;
    color: #000 !important;
    text-indent: 30px;
    border: 1px solid #cecbcb;
    width: 230px !important;
}
.senha {
    background-position: 15px center;
    background-size: 10px;
    background-color: #fff !important;
    height: 45px;
    color: #000 !important;
    text-indent: 30px;
    border: 1px solid #cecbcb;
    width: 230px !important;
}

.usuario::placeholder,
.senha::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #c7c7c7;
	opacity: 1;
	/* Firefox */
	font-size: 11px;
}

.usuario:-ms-input-placeholder,
.senha:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #c7c7c7;
	text-transform: uppercase;
	font-size: 14px;
}

.usuario::-ms-input-placeholder,
.senha::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #c7c7c7;
	text-transform: uppercase;
	font-size: 14px;
}

.box-login .sub-links {
    color: black !important;
}

.box-login .btn-entrar {
    height: 40px;
    border-radius: 13px;
    background: #414C9B !important; 
    color:  #fff;
    text-transform: uppercase;
    width: 100%;
}

.link-login{
    color: #646464 !important;
    font-size: 12px;
    letter-spacing: 2px;
}
.btn-entrar {
    height: 40px;
    border-radius: 13px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    width: 100%;
    top: 120px;
}
.btn-2via {
	background-color: #1966AE !important;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 190px !important;
    top: 120px;
}
.btn-2via:hover, .btn-2via:active, .btn-2via:focus{
    background-color: #054077 !important;
    color: #fff !important;
}
.btn-info {
    height: 40px;
    background: #EA6B00;
    text-transform: uppercase;
    width: 150px;
    border-radius: 13px;
    border: 0px;
}
.btn-info:hover, .btn-2via:active, .btn-2via:focus{
    background-color: #414C9B !important;
}
.btn-leia {
    height: 36px;
    background-color: #2C338D;
    color: #fff;
    text-transform: uppercase;
    width: 100px;
    border: 0px;
}
.btn-leia:hover, .btn-leia:active, .btn-leia:focus{
    background-color: #2b53cf !important;
    color: #fff;
}
.navbar-brand img {
    width: 150px;
}

.nav-item .nav-link {
    text-transform: uppercase;
}

.ativo>.nav-link {
    color: #414C9B !important;
    font-weight: bold;
}
.nav-azul p{
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding-top: 15px;
}
.nav-azul{
    height: 50px !important;
    margin-top: 30px !important;
    background-color:#3383C2 !important;
}
/* Footer 320 */

footer.footer {
    background: #162582;
    color: #fff;
    font-size: 11px !important;
}

/* Home 320 */

.banner-home {
    background: url("../img/banner-home.png");
    background-size: cover;
    background-position: 80%;
}

.banner-home .card {
    border-radius: 0px;
    border-top: 7px solid #bd1818;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.banner-home .card .card-header {
    background: none;
    border: 0px;
}

.banner-home .card .card-header img {
    float: left;
    position: absolute;
}

.banner-home .card .card-header p {
    color: #bd1818;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
}
.ic-servico {
    width: 300px;
    height: 300px;
}
.ic-home {
    width: 50px;
    height: 50px;
}
.ic-contato {
    width: 25px;
    height: 25px;
    margin: 0px 0px -24px 0px !important;
}
.contato-celular{
    margin: -24px 0px 5px 40px !important;
}
/* Empresa 320 */
.ic-empresa{
    margin: 100px 0px 100px 0px;
    width: 450px;
    height: 450px;
}
.img-empresa{
    width: 200px;
}
.banner-empresa {
    background: url("../img/banner-empresa.png") no-repeat;
    background-size: cover;
    background-position: right center;
}
.banner-atuacao {
    background: url("../img/banner-atuacao.png") no-repeat;
    background-size: cover;
    background-position: right center;
}
.conteudo-empresa .full-width {
    width: 100%;
    background: #f6f6f6;
    top: -114px;
}

.conteudo-empresa .full-width .valores h2 {
    color: #000;
    text-align: center;
    font-weight: bold;
}
.atuacao{
    margin: auto;
}
.conteudo-empresa .full-width .valores p {
    color: #000;
}
.nome-diferencial {
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #5e9bcc;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 15px;
}
.full-width p:not(.nome-diferencial){
    font-size: 12px;
}
.empresa p:not(.titulo-empresa){
    font-size: 16px;
}
.nome-rhp{
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 18px;
}
.nome-rhp-sub{
    color: #fff;
}
    /* Servicos 320 */
.banner-servicos{
    background: url("../img/banner-servicos.png") no-repeat;
    background-size: cover;
    background-position: right center;
}
.servicos-texto{
    text-align: center;
    color: #000;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    font-size: 19px;
}
.conteudo-servicos .nome-servico {
    color: #000000;
}
.tv{
    background-color: #e6e6e6;
}
.btn-info-modal{
    width: 150px;
}
.conteudo-servicos .full-width {
    background: #e6e6e6;
}
.conteudo-servicos .full-width .lista-servicos li p {
    padding-left: 70px;
}
.txt-banner-home {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0px 0px 5px #000;
}
/* Proposta 320 */
.banner-proposta{
    background: url("../img/banner-proposta.png") no-repeat;
    background-size: cover;
    background-position: right center;
}
/* Contato 320 */
.banner-contato{
    background: url("../img/banner-contato.png") no-repeat;
    background-size: cover;
    background-position: right center;
}
.txt-banner-home {
    color: #fff;
    text-align: left;
    font-weight: bold;
    margin: 106px 0px 0px 48px;
    font-size: 18px;
    text-shadow: 0px 0px 5px #000;
}
.informacoes-rodape{
    color: #fff;
	font-size: 16px;
    margin-bottom: 0px;
}
.titulo-informacoes-rodape {
    color: #fff;
    font-size: 25px;
}
.footer-contato {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.navbar-principal{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background: rgba(255,255,255,.8) !important;
}
.rodape{
    font-size: 11px;
    bottom: 20px;
}
.conteudo-footer{
    color: #fff;
}
.conteudo-empresa input+span {
    position: relative;
    top: -63px;
    font-size: 13px;
    font-weight: 600;
}
.conteudo-empresa textarea+span {
    position: relative;
    top: -160px;
    font-size: 13px;
    font-weight: 600;
}
@media (min-width: 320px) {
    .card{
        margin: 113px auto auto auto;
    }
    .acesse-texto{
        font-size: 15px;
    }
}
@media (min-width: 576px) {
    /* Generica 576 */
    .titulo {
        text-align: left;
    }
    /* Empresa 576 */
    .banner-empresa {
        background-position: center;
    }
}

@media (min-width: 768px) {
    /* Home 768 */
    .banner-home .card {
        height: 396px;
    }
    .nossos-servicos .btn-outline-primary {
        width: 200px;
    }
    /* Empresa 768 */
    .diferencial .titulo {
        text-align: left;
    }
    .videos {
        background-color: rgb(230, 230, 230);
        padding-bottom: 30px;
        margin-top: 30px;
    }
    .videos h3 {
        color: #fff;
    }
    ul#bx-video-horizontal {
        margin: 0 auto;
        padding: 0;
    }
    ul#bx-video-horizontal li {
        display: inline;
        display: block;
        text-align: center;
        margin-left: 25px;
        text-decoration: none;
    }
    ul#bx-video-horizontal li a {
        width: 95%;
        padding: 0px;
        margin: 0;
        background-color: #fff;
        line-height: 1.2em;
        margin: auto;
        display: block;
        padding: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
        height: 215px;
    }
    ul#bx-video-horizontal li a:hover {
        /* border: 1px solid #ddd; */
        background: #fff;
    }
    ul#bx-video-horizontal li a img {
        width: 100%;
        height: auto;
    }
    ul#bx-video-horizontal li a .dvTituloLista {
        font-size: 13px;
        font-weight: 700;
        margin: 10px 0 10px 0;
        text-transform: initial;
    }
    ul#bx-video-horizontal li a .dvChamadaLista {
        margin: 0 0 30px 0;
        color: #333;
        display: none;
    }
    .container.boxVideos h3 {
        color: #000;
        padding-top: 50px;
        margin: 0px;
        font-weight: 400;
    }
    .imagem-rhp {
        background: url("../img/img-rhp.png") no-repeat;
        background-size: cover;
        background-position: right center;
        height: 500px;
        width: 100vw;
        margin-left: -16px;
    }
}

@media (min-width: 992px) {
    /* Navbar 992 */
    .btn-2via {
        width: 250px;
        padding-top: 12px;
        height: auto;
    }
    .banner {
        height: 360px;
        top: 0px !important;
    }
    .nav-link {
        padding: 8px 15px !important;
        font-size: 13px;
    }
    /* Home 992 */
    .banner-home .card {
        height: 336px;
    }
    .nav-principal {
        background-color: #fff;
    }
    
    .box-login {
    position: relative;
    background: rgba(84, 84, 87,.8);
    bottom: 132px;
    width: 100%;
    z-index: 999;
    height: 133px;
    }
    .navbar-principal{
    height: 220px; 
    }
    .img-rhp-rodape {
        background: url("../img/img-rhp-rodape.png") no-repeat;
        background-size: cover;
        background-position: right center;
        height: 470px;
        width: 100vw;
        margin-left: -16px;
    }
}

@media (min-width: 1200px) {
    /* Genericas 1200 */
    p {
        font-size: 1.125rem;
    }
    .titulo {
        font-size: 23px;
        margin: -40px 0px 30px 110px;
    }
    /* Navbar 1200 */
    .btn-2via {
        width: 190px !important;
        height: 45px;
    }
    .box-login form {
        position: relative;
    }
    /* Navbar 1200 */
    .nav-link {
        font-size: 12px;
    }
    /* Home 1200 */
    .banner-home {
        background-repeat: no-repeat;
        height: 370px;
        position: relative;
    }

    .conteudo-home {
        padding-top: 180px !important;
    }
    .banner-home .card .card-header img {
        left: 50px;
    }
    .banner-contato {
        top: 0px !important;
        background-position-y: 0px;
    }
    .banner-empresa {
        top: 0px !important;
        background-position-y: 0px;
    }
    .banner-atuacao {
        top: 0px !important;
        background-position-y: 0px;
    }
    .banner-servicos {
        top: 0px !important;
        background-position-y: 0px;
    }
    .banner-proposta {
        top: 0px !important;
        background-position-y: 0px;
    }
    .ic-empresa {
        width: 60%;
        height: auto;
        margin: 170px auto 30px 200px;
    }
    .txt-banner-home {
        color: #fff;
        text-align: left;
        font-weight: bold;
        font-size: 28px;
        text-shadow: 0px 0px 5px #000;
        margin: 230px 10px 10px 230px;
    }
}
@media (max-width: 1200px) {
    .navbar-principal{
        position: relative;
    }
    .ic-empresa {
        width: 400px;
        height: 400px;
        margin: 200px auto 30px auto;
    }
    .div-texto {
        margin: 100px auto 100px auto;
    }
}
@media (max-width: 992px) {
    .margin-bottom-proposta{
        margin-bottom:-50px;
    }
    .margin-bottom-servicos{
        margin-bottom:-80px;
    }
    .button-ler-mais-sm{
        margin-bottom: -80px;
    }
    .formulario-sm{
        align-items: center;
        margin-left:15px !important;
    }
    .iframe-sm{
        width:100% !important;
        position: relative !important;
        right: 25px;
    }
    .espacamento-sm{
        position:relative;
        bottom:90px;
    }
    .titulo-banner {
        position: absolute;
        color: #fff;
        background-color: rgba(36,37,102,0.7);
        bottom: 0px;
        width: 280px;
        height: 75px;
        left: 4%;
    }
    .titulo-banner p{
        font-size: 16px
    }
    .btn-2via {
        margin-left: 0px;
        padding-top:8px !important;
        width: 100% !important;
        font-size: 15px !important;
    }
    .ic-empresa{
        width: 350px;
        height: 350px;
    }
    .nav-bar {
        top: -112px;
        margin-bottom: -21px;
    }
    .usuario {
        background-position: 15px center;
        background-size: 10px;
        background-color: #fff !important;
        height: 45px;
        color: #000 !important;
        text-indent: 30px;
        border: 1px solid #cecbcb;
        width: 100% !important;
    }
    .senha {
        background-position: 15px center;
        background-size: 10px;
        background-color: #fff !important;
        height: 45px;
        color: #000 !important;
        text-indent: 30px;
        border: 1px solid #cecbcb;
        width: 100% !important;
    }
    .banner-atuacao {
        background-position-x: -10px;
    }
    .banner-contato {
        background-position-x: -220px;
    }
    .banner-proposta {
        background-position-x: -60px;
    }
}
@media (max-width: 768px) {
    .ic-empresa{
        width: 60%;
        height: auto;
        margin: -50px auto 30px auto;
    }
    .servicos{
        margin: 4px auto !important; 
    }
    .rodape{
        font-size: 11px;
        margin-bottom: 20px !important; 
    }
}
@media(max-width:320px){
    .tamanho-proposta{
        width: 525px
    }
}
@media(max-width:576px){
    .banner {
        top: -90px;
        height: 200px !important
    }
    .row{
        display: block;
    }
    .titulo-home{
        bottom:40px;
        margin-bottom: -95px;
    }
    .rodape_img{
        padding-bottom: 40px;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .usua57io {
        background-position: 15px center;
        background-size: 10px;
        background-color: #fff !important;
        height: 45px;
        color: #000 !important;
        text-indent: 30px;
        border: 1px solid #cecbcb;
        width: 90% !important;
    }
    .senha {
        background-position: 15px center;
        background-size: 10px;
        background-color: #fff !important;
        height: 45px;
        color: #000 !important;
        text-indent: 30px;
        border: 1px solid #cecbcb;
        width: 90% !important;
    }
    .btn-acessar {
        height: 40px;
        background: #414C9B !important; ;
        color:  #fff;
        text-transform: uppercase;
        width: 90%;
        font-size: 12px !important;
        padding-right: 25px
    }
}