/*-------- Barra --------*/

.barra {
    background-color: #4D4CBD;
    padding: 0 5%;
    margin-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.barra p {
    font-size: 1em;
    line-height: 1.25em;
    color: #FFF;
}

.barra .right {
    text-align: right;
}

.barra a svg {
    color: #4B4B4D;
    font-size: 1.25em;
    margin-right: .5em;
}

.action {
    margin-bottom: 0 !important;
}

.action h2 {
    font-size: 1.25em;
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .botaowpp {
        margin-right: 30px;
        width: 100%;
    }
    .whatsappbtn {
        width: 100% !important;
        font-size: 0.7em !important;
    }
}

.action .col:nth-of-type(1) {
    background-color: #FDD503;
}

.action .col:nth-of-type(1) h2 {
    color: #373435;
}

.action .col:nth-of-type(2) {
    background-color: #14127B;
}

.action .col:nth-of-type(2) h2 {
    color: #FEFEFE;
}

.action .col:nth-of-type(3) {
    background-color: #20171A;
}

.action .col:nth-of-type(3) h2 {
    color: #E8B100;
}


/*-------- menu --------*/

.imglogo {
    background-color: #000000;
    ] height: 80px;
    text-align: center;
}

.imglogo img {
    max-height: 80px;
    margin: 10px auto;
    padding: 10px;
}

nav {
    background-color: #fff !important;
    box-shadow: none !important;
    height: 120px !important;
}

nav div {
    display: flex;
    align-items: center;
}

.button-collapse {
    color: black !important;
}

nav a {
    color: currentColor !important;
}

nav li {
    color: #4B4B4D !important;
}

nav .right {
    position: absolute;
    top: 10px;
    right: 20px;
}

nav .right li {
    display: block !important;
    float: none;
    text-align: left !important;
    line-height: 1.25em;
}

nav .right li a {
    padding: 0;
}

nav .right li:last-child {
    margin-left: -1.1em;
}

nav .right li:first-child {
    font-size: 1.25em;
    font-weight: bold;
    color: #3E4095 !important;
}

nav .right span {
    color: #3E4095;
    font-weight: bold;
}

nav .btn {
    background-color: #34af23 !important;
    color: white !important;
    padding: 0 2em !important;
}

.banner {
    margin-bottom: 0 !important;
}

.banner img {
    width: 100%;
    height: auto;
    margin-bottom: -6px;
}


/*-------- Serviços --------*/

.servico {
    background-color: #E6E7E8;
    padding: 5%;
    margin-bottom: 0 !important;
}

.servico svg {
    color: #727376;
    width: 50px !important;
    height: 50px;
    border: 1px solid #727376;
    border-radius: 50%;
    padding: 10px;
}

.servico h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #727376;
    margin-bottom: 0;
}

.servico p {
    font-size: 1em;
    line-height: 1.25em;
    color: #848688;
    margin: 0;
}

.servico .col {
    margin-top: 2em;
}


/*-------- moura --------*/

.moura {
    padding: 5%;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.moura img {
    width: 100%;
    height: 400px;
    object-fit: contain;
    object-position: bottom;
    margin-bottom: -6px;
    margin-top: 2em;
}

.moura h2 {
    font-size: 2em;
    font-weight: bold;
    color: #727376;
}

.moura p {
    font-size: 1em;
    line-height: 1.25em;
    color: #848688;
}

.moura .btn {
    background-color: #FDD503 !important;
    border-radius: 1em;
    color: #727376;
    font-weight: bold;
}


/*-------- missao --------*/

.missao {
    background-color: #D2D3D5;
    margin-bottom: 0 !important;
    position: relative;
}

.missao .container {
    padding: 5% !important;
}

.missao h2 {
    font-size: 2em;
    font-weight: bold;
    color: #4B4B4D;
}

.missao p {
    font-size: 1em;
    color: #4B4B4D;
    line-height: 1.25em;
}

.missao svg {
    color: #FDD503;
    font-size: 3em;
}

.missao .borda {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 220vh solid #D2D3D5;
    position: absolute;
    right: 0;
    top: -50px;
}


/*-------- Contato --------*/

.contato {
    background-color: #E6E7E8;
    padding: 5%;
    margin-bottom: 0 !important;
}

.contato h2 {
    font-size: 2em;
    font-weight: bold;
    color: #727376;
    max-width: 400px;
    margin: 1em auto;
}

.contato input {
    background-color: #727376 !important;
    border: none !important;
    margin: .2em 0 !important;
}

.contato textarea {
    background-color: #727376 !important;
    border: none !important;
    margin: .2em 0 !important;
    height: 7.4rem !important;
    padding-left: 1em !important;
    width: calc(100% - 1em) !important;
}

.contato .btn {
    background-color: #2C2D48 !important;
    margin-top: 1em;
}


/*-----------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------- BLOG ----------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------*/

.recentes {
    padding: 5%;
    margin-bottom: 0 !important;
}

.recentes .item {
    height: 480px;
}

.recentes h2 {
    text-align: center;
    font-size: 1.7em;
    font-weight: bold;
    color: #000000;
}

.recentes .item .img-recentes {
    height: 200px;
}

.recentes img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: -6px;
}

.recentes .box {
    padding: 2em 1em;
    min-height: 180px;
}

.recentes h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

.recentes p {
    text-align: center;
}

@media(min-width: 600px) {
    .recentes .box {
        min-height: 280px;
        max-height: 280px;
    }
}

.recentes .limit {
    font-size: 0.9em;
    line-height: 1.25em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
}

.recentes span {
    position: absolute;
    top: 20px;
    left: 40px;
    color: white;
    padding: .3em 1em;
}

.recentes .col {
    position: relative;
    margin-top: 2em;
}

.recentes .col:nth-of-type(odd) span {
    background-color: #14127B;
    ;
}

.recentes .col:nth-of-type(even) span {
    background-color: #20171A;
}

.recentes .col:nth-of-type(odd) .box {
    background-color: #20171A;
}

.recentes .col:nth-of-type(even) .box {
    background-color: #14127B;
}


/*-------- Footer --------*/

.footer {
    background-color: #000000;
    padding: 5%;
    margin-bottom: 0 !important;
}

.footer a {
    color: currentColor;
}

.footer h2 {
    font-size: 1.25em;
    color: #E6E7E8;
}

.footer h3 {
    font-size: 1.25em;
    color: #FDD503;
    margin-bottom: 0;
}

.footer p {
    color: white;
    line-height: 1.25em;
    margin-top: 0;
}

.footer input {
    background-color: white !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.footer button {
    color: #E6E7E8;
    background-color: transparent;
    border: none;
}

.footer li {
    color: #E6E7E8;
}

.copy {
    margin-bottom: 0 !important;
    background-color: #E6E7E8;
    padding: .7em;
}

.copy h2 {
    font-size: 1.2em;
    color: #606062;
    margin: 0;
    text-align: center;
}


/*-------- TIPOGRAFIA --------*/

@font-face {
    font-family: 'bahnschrift';
    src: url(../fonts/bahnschrift.ttf);
}

@font-face {
    font-family: 'caviardreams';
    src: url(../fonts/caviardreams.ttf);
}

address {
    font-style: normal;
}

strong {
    font-weight: bold !important;
}

figcaption {
    display: none !important;
}

figure {
    margin: 0 !important;
}

fieldset {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

input {
    padding-left: 1em !important;
    width: calc(100% - 1em) !important;
}

.limite {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}