.c1 {
    color: #000 !important;
}

.c2 {
    color: #fff;
}

.tema {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 80px;
    margin-top: -4%;
}

.tema2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-left: 19%;
    font-size: 80px;
    margin-top: -4%;
}

.title {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-right: 40px;
   
}

.title1 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 47px;
    font-weight: 900;
   
}

.sub-title {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    
    font-size: 25px;
}

.sub-title2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-right: 15%;
    font-size: 25px;
}


.sub-title3 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 32px !important;
   
}

.p-center {
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-left: 15%;
}

.text-gradient {
    font-size: 45px;
    background: -webkit-linear-gradient(bottom, #c45601 0%, #f8a503 100%);
    -webkit-text-fill-color: transparent;
}

.MaisNegrito {
    font-weight: bolder !important;
}

.aviso {
    font-size: 10px;
    font-style: italic;
}

.al-justi {
    text-align: justify !important;
}

.bkhr {
    background: color #333333;
    ;
    height: 6px;
    width: 100px;
}

.txt-size {
    font-size: 13px !important;
}

.topo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.boxcolor1 {
    background: #fff url(../img/FUNDO_01.jpg) center center/cover no-repeat local;
    height: 49rem;
   
}

.boxcolor2 {
    background-color: #0B0B0B;
}

.boxcolor3 {
    background-color: #323232;
    border: 0;
}

.boxcolor4 {
    background-color: #c5c2c3;
    border: 0;
}

.boxcolor5 {
    background-color: #484747!important;
}

.boxcolor6 {
    background-color: #313131;
}

.boxcolor7 {
    background-color: #e8a719;
   
}

.p-left {
    text-align: left !important;
    margin-right: 15%;
    font-size: 17px;
    font-weight: 500;
}

.p-left2 {
    text-align: left !important;
  
    font-size: 17px;
    font-weight: 500;
}

.p-left3 {
    text-align: left !important;
    font-size: 15px;
}

.disp1{
    justify-content: center;
}
.disp{
    display: flex;
    align-items: center;
    width: 36%;
    margin: 3% 0 3% 7%;
}

.cal{
width: 84%;
}

.lsp {
    letter-spacing: -1px;
}

.lsp2 {
    letter-spacing: -5px;
}

.ml {
    padding-left: 10% !important;
}

.marg {
    padding: 3% 0;
}

.mlpink2 {
    margin-left: 50px !important;
}

.ml2 {
    margin-left: 30px !important;
}

.tamanho {
    font-size: 15px !important;
}
.img-01 {
    width: 35% ;
}
.img-ico {
    width: 100px !important;
}

.mbpink {
    margin-top: 78px !important;
}

.mbpink2 {
    margin-top: 88px !important;
}

@media (max-width: 720px) {
    .disp{
        width: 70% !important;
    }
}

@media (max-width: 540px) {
    .title {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
    }

    .title1{
        text-align: center;

    }
    .tema {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
    }
    .tema2 {
        text-align: center !important;
        font-family: 'Roboto', sans-serif;
        margin-left: 0px;
        margin-left: 0%;
    }
    .p-center {
        text-align: center;
        margin-left: 0%;
    }
    .p-center2 {
        text-align: center;
        margin-left: 0%;
    }
    .sub-title {
        text-align: center;
        margin-left: 0%;
        margin-top: 20px;
    }
    .sub-title2 {
        text-align: center !important;
    }
    .sub-title3 {
        text-align: center;
        margin-left: 0%;
        margin-top: 20px;
    }
    .sub-title2 {
        text-align: center;
        margin-left: 15%;
        margin-top: 20px;
    }
    .col-sm-6 {
        text-align: center;
        margin: auto;
    }
    .p-left {
        text-align: center !important;
        margin-right: 3%;
    }
    .p-left2 {
        text-align: center !important;
        margin-left: 0%;
    }
    .p-left3 {
        text-align: center !important;
        margin-left: 40px;
    }
    .col-sm-2 {
        text-align: center !important;
    }
    .mbpink {
        margin-top: 20px !important;
        margin-right: 40px;
    }
    .mbpink2 {
        margin-top: 20px !important;
        margin-right: 40px;
    }

    .ml {
        padding-inline: 3% !important;
    }
    

   
    
    .cal{
    width: 84%;
    }
    

   
}