.pagina-compliance {
    background-color:#E4E5E9;
    position:relative;
}

/* Sobre */
.pagina-compliance .sobre {
    background-color:white;
    overflow:hidden;
    padding:50px 0;
}
.pagina-compliance .sobre h2 {
    color:#DE7233;
}
.pagina-compliance .sobre h3 {
    color:#23333d;
}
.pagina-compliance .sobre p {
    font-size:20px;
    line-height:25px;
    margin-bottom:20px;
}
.pagina-compliance .sobre .tabela-documentos {
    border:1px solid #3f3f3f;
    margin-bottom:50px;
    width:50%;
}
.pagina-compliance .sobre .tabela-documentos tr td {
    border:1px solid #3f3f3f;
    padding:20px;
}



/* Contato */
.pagina-compliance .contato {
    background:url("../img/seja-parceiro/background-contato.jpg") no-repeat;
    background-size:contain;
    background-position:calc(50% - 640px) center;
    padding:50px 0;
}
.pagina-compliance .contato .form-contato {
    display:flex;
    justify-content:flex-end;
}
.pagina-compliance .contato .form-contato-wrapper {
    width:70%;
}
.pagina-compliance .contato .form-contato-wrapper p {
    color:#23343C;
    font-size:30px;
    font-weight:bold;
    line-height:45px;
    margin:0 auto 20px;
    max-width:600px;
    text-align:center;
    text-transform:uppercase;
}
.pagina-compliance .contato .form-contato-wrapper p.text-center {
    font-size:20px;
    font-weight:normal;
    line-height:25px;
}
.pagina-compliance .contato .form-contato-wrapper form .form-control {
    border:1px solid #23343C;
    border-radius:0;
    font-size:25px;
    padding:15px 10px;
}
.pagina-compliance .contato .form-contato-wrapper form .form-control.campo-error {
    border:1px solid #EE4444;
}
.pagina-compliance .contato .form-contato-wrapper form .btn-cta {
    border:0;
    font-size:25px;
}


/* Ajuda */
.pagina-compliance .ajuda {
    background-color:#DE7233;
}
.pagina-compliance .ajuda .ajuda-wrapper {
    align-items:center;
    display:flex;
    justify-content:space-between;
}
.pagina-compliance .ajuda .ajuda-wrapper .ajuda-imagem {
    padding-top:20px;
}
.pagina-compliance .ajuda .ajuda-wrapper .hita-central-ajuda {
    margin-right:30px;
}
.pagina-compliance .ajuda .ajuda-wrapper p {
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
    line-height:40px;
    margin-bottom:0;
    text-align:center;
    text-transform:uppercase;
}
.pagina-compliance .ajuda .ajuda-wrapper .btn-cta {
    font-size:25px;
    font-weight:bold;
}
.pagina-compliance .ajuda .ajuda-wrapper .btn-cta:hover {
    background-color:#FFFFFF;
    color:#23333d;
}



@media (max-width:990px) {
    .pagina-compliance .ajuda .ajuda-wrapper .ajuda-imagem .hit-texto {
        width:130px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper p {
        font-size: 25px;
        line-height: 32px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .btn-cta {
        font-size: 18px;
        width: 120px;
        text-align: center;
    }
    .pagina-compliance .contato {
        background-position: calc(50% - 510px) center;
    }
}
@media (max-width:900px) {
    .pagina-compliance .sobre .item p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}
@media (max-width:768px) {
    .pagina-compliance .ajuda .ajuda-wrapper .hita-central-ajuda {
        margin-right: 20px;
        width: 100px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .ajuda-imagem {
        width: 255px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .ajuda-imagem .hit-texto {
        width: 100px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper p {
        font-size: 22px;
        line-height: 25px;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .btn-cta {
        font-size: 18px;
        width: 130px;
    }
    .pagina-compliance .contato {
        background-position: calc(50% - 390px) center;
        padding: 20px 0;
    }
    .pagina-compliance .contato .form-contato-wrapper p {
        font-size: 25px;
        line-height: 30px;
    }
    .pagina-compliance .contato .form-contato-wrapper form .form-control {
        font-size: 20px;
        padding: 5px 10px;
    }
}
@media (max-width:600px) {
    .navbar .navbar-brand img {
        width: 85px;
    }
    .navbar .collapse ul li,
    .navbar .collapsed ul li {
        margin: 0px 10px;
    }
    .pagina-compliance .sobre h2 {
        font-size: 25px;
    }
    .pagina-compliance .sobre p {
        font-size: 20px;
    }
    .pagina-compliance .sobre br {
        display:none;
    }
    .pagina-compliance .ajuda .ajuda-wrapper {
        flex-wrap: wrap;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .ajuda-imagem {
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }
    .pagina-compliance .ajuda .ajuda-wrapper p {
        width: 100%;
    }
    .pagina-compliance .ajuda .ajuda-wrapper .btn-cta {
        font-size: 18px;
        width: 200px;
        margin: 20px auto 50px;
    }
    .pagina-compliance .contato {
        background:none;
    }
    .pagina-compliance .contato .form-contato-wrapper {
        width: 100%;
    }
    .pagina-compliance .contato .form-contato-wrapper p {
        font-size: 30px;
        line-height: 30px;
    }
    footer .rodape {
        padding: 0;
    }
    footer .rodape .colunas .coluna .logo-rodape {
        width:120px;
    }
    footer .rodape .colunas .coluna.coluna2 ul {
        margin-bottom:0;
    }
}
@media (max-width:420px) {
}