* {
    font-family: SF-Regular !important;
}

html, body {
    background-color: #0D47FF;
}

.barra-fru-fru {
    width: 40px;
    height: 4px;
    background-color: #0D47FF;
}

a {
    color: #FFFFFF !important;
}

.btn-outline-success {
    border-color: #00FFBC !important;
    color: #00FFBC !important;
    font-family: SF-Bold !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 10px;
}

.btn-outline-success:hover {
    background-color: #00FFBC !important;
    color: #FFFFFF !important;
}

.div-barra-topo {
    background-color: #073183;
    height: 60px;
    position: fixed;
    z-index: 3;
    display: none;
}

.text-destaque-verde {
    color: #00FFBC;
    font-weight: bold;
}

.div-topo-bg {
    background-image: url(../images/site-bg-topo-v11.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.div-topo-mouse {
    position: fixed;
}

.div-topo-faixa {
    background-color: #FD6D21;
    font-family: SF-Bold !important;
    color: #FFFFFF;
    font-size: 200%;
}

.div-meio-faixa {
    background-color: #FF3391;
    font-family: SF-Bold !important;
    color: #FFFFFF;
    font-size: 200%;
}

.div-rodape-faixa {
    background-color: #00FFBC;
    font-family: SF-Bold !important;
    color: #0D46FB;
    font-size: 200%;
}

.div-detalhes-bg {
    background-color: #0D46FB;
}

.div-clientes-bg {
    background-image: url(../images/site-bg-clientes.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.div-multas-bg {
    background-color: #FD3130;
}

.div-painel-bg {
    background-image: url(../images/site-bg-painel.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.div-app-bg {
    background-image: url(../images/site-bg-app.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #040609;
}

.div-box-app {
    background-color: #FFFFFF;
    border-radius: 25px;
}

.div-box-app-titulo {
    font-family: SF-Bold !important;
    color: #0D46FB;
    font-size: 150%;
    line-height: 20px;
}

.app-importante{
    color: #FAE15C;
    font-weight: bold;
}

.div-box-app-texto {
    font-family: SF-Regular !important;
    color: #597E9F;
    font-size: 120%;
    line-height: 25px;
}

.div-detalhes-titulo-branco {
    font-family: SF-Bold !important;
    color: #FFFFFF;
    font-size: 500%;
    line-height: 70px;
}

.div-detalhes-titulo-verde {
    font-family: SF-Bold !important;
    color: #00FFBC;
    font-size: 500%;
    line-height: 70px;
}

.div-detalhes-titulo-amarelo {
    font-family: SF-Bold !important;
    font-weight: bold;
    color: #FFE038;
    font-size: 500%;
    line-height: 70px;
}

.div-titulo-verde-passos {
    font-family: SF-Bold !important;
    color: #00FFBC;
    font-size: 300%;
    line-height: 70px;
}

.div-titulo-branco-passos {
    font-family: SF-Bold !important;
    color: #FFFFFF;
    font-size: 300%;
    line-height: 70px;
}

.div-duvidas-bg {
    background-color: #FFFFFF;
}

.duvidas-titulo {
    font-family: SF-Bold !important;
    color: #0D46FB;
    font-size: 350%;
    line-height: 50px;
}

.duvidas-subtitulo {
    font-family: SF-Bold !important;
    color: #0A33B4;
    font-size: 200%;
    line-height: 50px;
}

.painel-codigo {
    font-family: SF-Bold !important;
    font-weight: bold;
    color: #FD3130;
    font-size: 300%;
}

.div-detalhes-texto {
    font-family: SF-Regular !important;
    color: #FFFFFF;
    font-size: 110%;
    line-height: 20px;
}

.div-box-recursos {
    background-color: #0B3DD7;
    border-radius: 25px;
}

.div-box-titulo {
    font-family: SF-Bold !important;
    color: #00FFBC;
    font-size: 150%;
    line-height: 20px;
}

.div-box-texto {
    font-family: SF-Regular !important;
    color: #FFFFFF;
    font-size: 120%;
    line-height: 25px;
}

.div-rodape-bg {
    background-image: url(../images/barra-rodape.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: inherit;
    background-color: #2BFEBC;
    height: 19px;
}

.link-login {
    color: #0D47FF !important;
}

#btn-modal-login {
    width: 50%;
}

.img-exemplo {
    border-radius: 10px;
    cursor: pointer;
}

.rodape-ico-sociais {
    height: 40px;
}

.video-player {
    border-radius: 25px;
}

.faq-titulo {
    font-family: SF-Bold !important;
    font-size: 120% !important;
    color: #00349B !important;
    cursor: pointer;
}

.faq-texto {
    font-family: SF-Regular !important;
    font-size: 120% !important;
    color: #9FA7B4 !important;
}

.element-rotate {
    transform: rotate(180deg);
}