/*---padrao----*/

*{
    margin:0;
    padding:0;
}

html, body{height: 100%;}

html{ scroll-behavior: smooth;}

.container{
    max-width: 1024px;
    margin:0 auto;
}

@media screen and (max-width: 1024px){
    .container{ 
        max-width: 80%;
        width: 80%;
    }
}

img{ width: 100%;}

span{
    font-family:'Rajdhani', sans-serif;
    font-size:24px;
    color: #333333;
}

h2{
    font-size:36px;
    line-height: 32px;
    font-family:'Rajdhani', sans-serif;
    color: #333333;
    margin-bottom: 1em;
}

p{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}

a{
    color: inherit;
    text-decoration: none;
}

 .b01 {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    padding:10px 20px;
    color:#fff;
    text-transform:capitalize;
    text-decoration:none;
    background:#F05B25;
    display: inline-block;
}

.b02{
    font-family: 'Lato', sans-serif;
    font-size:13px;
    padding:10px 20px;
    color:#fff;
    text-transform:capitalize;
    text-decoration:none;
    background:#333333;
    display: inline-block;
    
}
/*----SELETORES----*/

.cel::before{
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    margin:0 5px -3px;
    background: url(../icon/tcn.svg);
    background-size: contain;
}

.gps::before{
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    margin:0 5px -3px;
    background: url(../icon/gps.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.email::before{
    content: '';
    width: 13px;
    height: 10px;
    display: inline-block;
    margin:0 6px -2px;
    background: url(../icon/ef.svg);
    background-size: contain;
}

span::after{
    content: '';
    width: 60px;
    height: 12px;
    display: inline-block;
    margin: 0 5px -3px 10px;
    background: url(../icon/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.secao03 .s2::before{
    content: '';
    width: 60px;
    height: 12px;
    display: inline-block;
    margin: 0 5px -3px 10px;
    background: url(../icon/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotatey(175deg);
}

.mt{margin-top: 16px;}

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

nav{ width: 100%; }

.sub-menu{
    font-size:12px ;
    width: 100%;
    border-bottom:1px solid#E5E5E5;
}

@media screen and (max-width: 1024px){
    .sub-menu{display: none; }
}

.sub-menu .container{
    display:flex;
    justify-content: space-between;
 }
     
.sub-menu .icon{
    width: 18px !important;
    height:18px !important;
}

.voltar{
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: url(../icon/btb.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.rede-social{ display:flex; }

.rede-social li{
    width: 16px;
    height: 16px;
    padding: 15px 10px;
    margin-right: 1px;
    background: no-repeat left center;
    display: inline-block;
}

.rede-social li  a{
    color:#999999 ;
    text-decoration: none;
}

.contato-rapido{
    display:flex;
    list-style: none;
}

.contato-rapido li {
    padding: 15px 20px;
    border-left:1px solid #E5E5E5;
}
    
.contato-rapido li a{
    color:#999999 ;
    text-decoration: none;
}

.menu-principal{
    width: 100%;
    border-bottom:1px solid#E5E5E5;
}

.menu-principal .container{
    display:flex;
    justify-content: space-between;
}

@media screen and (max-width: 1024px){
    .menu-principal .container{
        max-width: 100% !important;
        width: 100% !important;
        flex-direction: column;
        justify-content: center !important;
    }
}

.menu-principal ul{
    padding-top: 18px;
    display:flex;
    list-style: none;
}

@media screen and (max-width: 1024px){
    .menu-principal ul{
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 1024px){
    .menu-principal ul li{ 
        border-left: none !important;
        border-bottom: solid 1px #E5E5E5; 
        padding: 5px 0;
    }
}

.menu-principal ul a{
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #333333;
    padding:15px 20px;
    text-align: center;
    text-decoration: none;
}

.logo{
    width:148px;
    height: 45px;
    margin: 12px 0 0 0px;
}

@media screen and (max-width: 1024px){
    .logo{ margin: 12px auto 0;}   
}

.menu-principal ul li{
    border-left:solid 1px #E5E5E5;
    height: 20px;
}

/*BANNERRRRRRRRRRRRRRRR!!!!!!!!!!!!!!!*/

#banner{ width:100%; }

.info-banner{
    position: absolute;
    top: 40%;
    width: 570px;
}

@media screen and (max-width: 1024px){
    .info-banner p{ display: none; }
}

.info-banner h3{
    text-transform:capitalize;
    color:#FFFFFF ;
    font-size: 35px;
    font-family: 'Rajdhani', sans-serif;
    text-shadow:1px 1px black;
}

.info-banner p{
    text-shadow:1px 1px black;
    text-transform:capitalize;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #E6E6E6;
    margin-bottom: 30px;
}

.img-slide{ background: black; }
.img-slide img{ opacity: 0.6; }

/*QUEM SOMOS!!!!!!!!!!!!!!*/

.secao01 .container{ display:flex; }

@media screen and (max-width: 1024px){
    .secao01 .container,
    .secao02 .container{ flex-direction: column; }  
}

.secao01 .el1{
    padding:10px 10px 10px 0 ;
    width: 50%;
}

@media screen and (max-width: 1024px){
    .secao01 .el1,
    .secao01 .el2{ width: 100% !important; }  
}

.secao01 .el2{
    padding: 10px 0 10px 10px;
    width: 50%;
}

.secao02 .container{ display: flex; }

@media screen and (max-width: 1024px){
    .secao02 .container .el1,
    .secao02 .container .el2,
    .secao02 .container .el3{ 
        width: 100%;
        padding: 10px 0;
    }
}

.secao02 .el1, .secao02 .el2, .secao02 .el3{ width: 33.3%; }

.secao02 .el1{ padding:0 30px 30px; }
.secao02 .el3{ padding: 0 30px 30px; }
.secao03{ background: #333333; }

.secao01 .container,
.secao02 .container,
.secao03 .container,
.secao05 .container{ padding: 60px 0 !important; }

.secao03 span, .secao03 h2{
    padding:0 0;
    display: block;
    text-align: center;
    color: #FFFFFF;
}

.secao03 .el1{
    text-align: center;
 }

 .secao03{
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
}

.secao03 .el2{ display: flex; }

@media screen and (max-width: 1024px){
    .secao03 .el2{ flex-direction: column;}
    .secao03 .el2 .p1 ul{  direction: ltr; }
    .secao03 .el2 li{ text-align: left !important;}
    .secao03 .img-pe{ 
        min-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        margin: 35px 0 !important;
    }
    .secao03 .p1,
    .secao03 .p2{
        width: 100% !important;
    }
}

.secao03 .p1{
    width: 33.3%;
}
.secao03 .p1 ul{
    direction: rtl;
    text-align: right;
    font-family: 'Rajdhani', sans-serif;
    font-size:16px;
    color: #FFFFFF;
}
.secao03 ul{ margin-top:40px; }

.secao03 ul li{ margin-bottom:10px; }
.secao03 .p2{
    width: 33.3%;
}
.secao03 .p2 ul{
    text-align: left;
    font-family: 'Rajdhani', sans-serif;
    font-size:16px;
    color: #FFFFFF;
}

.secao03 .img-pe{
    width:33.3%;
    margin:0 35px;
    min-width:300px;
    height:393px;
}

.secao03 .p1 li{ text-align: right; }

.secao03 .p3 ul{
    text-align: center;
    list-style:none;
    font-size:27px ;
    color:#F05B25 ;
}

.secao03 .p3 li{
    display: inline-flex;
    padding: 0 10px;
}

.secao03 .p3 ul li span{
    color: #fff;
    display: contents;
}

.secao03 .p3 ul li span::after{ display: none; }
.bloco{
    display:flex;
    width:100%;
    border:0;
}

.imagens-e img{ height:100%; }

.secao05{
    width:100%;
    background: #fff;
    
}

.secao05 .container{ display: flex; }

@media screen and (max-width: 1024px){
    .secao05 .container{ flex-direction: column;}
    .secao05 .imagem-r,
    .secao05 .elf{ 
        width: 100% !important;
        height: 100%;
        margin: 10px 0 !important;
     }
}

.imagem-r{
    width:50%;
    height:113px;
}

.secao05 h2{ margin: 0; }
.secao05 p{ margin: 0 0 1em 0; }

.secao05 .elf{
    margin-left: 50px;
    width: 50%;
}

.secao06{
    padding:60px 0;
    display: flex;
    width: 100%;
    background: #F05B25;
}

.secao06 p{
    font-family: 'Rajdhani', sans-serif;
    text-align: center;
    font-size:24px;
    color: #fff;
    font-weight:bold;
}

/*----RODAAAA PEEEEE-----*/

footer{
    width: 100%;
    background: #333333;
}

footer .container{
    padding:60px 0;
    display: flex;
}

@media screen and (max-width: 1024px){
    footer .container{ flex-direction: column;}
    footer .el1, 
    footer .el2,
    footer .el3{ 
        width: 100% !important;
        margin: 10px 0;
    }
}

footer .logo{
    width: 202px;
    height: 54px;
}

footer .el1 p{
    padding:50px 0 0;
    font-family: 'Lato', sans-serif;
    color: #999999;
    font-size: 16px;
}

footer .el1, footer .el2, footer .el3{
    width: 33.3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

footer .el2 span{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 24px;
    font-family: 'Rajdhani', sans-serif;
    color: #FFFFFF;
}

footer .el2 a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #999999;
}

footer .el3 a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #999999;
}

footer .rede-rodape ul{
    width: 24px;
    height:24px;
}

footer .rede-rodape li{
    padding: 10px 10px 0 10px;
}

footer .el1 .rede-rodape{
    display: flex;
    list-style: none;
}

footer .el3 .end{
    padding: 10px 0;
}

footer .dir-autorais{
    text-align: center;
    width:100%;
    background:#666666 ;
}

.dir-autorais p{
    padding:10px 0;
    font-family: 'Lato', sans-serif;
    font-size:12px;
    color: #FFFFFF;

}