* {font-family: 'DIN Pro', sans-serif!important;}

body{font-family: 'DIN Pro', sans-serif!important;}

a, p, h1, h2, h3, h4, h5, h6{margin-bottom: 0!important}

.flex{display: flex;}

.between{justify-content: space-between;}

.wrap{flex-wrap: wrap;}

.f-center{justify-content: center;}
.on-767{display: none;}


#header .on-767{display: none!important;}



#header {position: fixed;background-color: #fff;z-index:999;background-color: rgba(0, 136, 194, .35) !important;backdrop-filter: blur(10px);}

#header .header{padding-top:1%;padding-bottom:1%;}

#header .header-img img{width:50%;}

#header .header-texto{display: flex;justify-content: space-between;place-items: center;}

#header .header-texto a{font-size: 18px;font-weight: bold;color: #fff;text-decoration: none;}




#banner{padding: 0;position: relative;height: 100%;overflow: hidden;width: 100%;}
#banner img{width: 100%;height: 100%;z-index: 2;position: relative;}
#banner .banner-video {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;z-index: 1;height: 85%;}



#bl1 {padding: 0;position: relative;height: 100%;overflow: hidden;width: 100%;}
#bl1 .background-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1; /* Abaixo do container bl1 */object-fit: cover;}
#bl1 .banner-video {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;z-index: 0; /* Abaixo da imagem de fundo */height: 100%;}
#bl1 .container.bl1 {position: relative;z-index: 2; /* Acima da imagem de fundo */height: 100%;}
#bl1 p {font-size: 20px;font-weight: 500;color: #fff;padding-top: 5%;}
#bl1 .bl1-content {display: flex;justify-content: space-between;flex-wrap: wrap;}
#bl1 .bl1-content div {width: 47.5%;padding-top: 7.5%;padding-bottom: 7.5%;}
#bl1 .bl1-content .lcs-texto {display: flex;flex-direction: column;justify-content: space-between;}
#bl1 .bl1-content .lcs-texto img {width: 32.5%;}
#bl1 .bl1-content .linkeo-texto {display: flex;flex-direction: column;justify-content: space-between;}
#bl1 .bl1-content .linkeo-texto img {width: 42.5%;}

#bl1-1 {padding: 0;position: relative;height: 100%;overflow: hidden;width: 100%;}
#bl1-1 .background-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1; /* Abaixo do container bl1 */object-fit: cover;}
#bl1-1 .banner-video {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;z-index: 0; /* Abaixo da imagem de fundo */height: 100%;}
#bl1-1 .container.bl1 {position: relative;z-index: 2; /* Acima da imagem de fundo */height: 100%;}
#bl1-1 p {font-size: 20px;font-weight: 500;color: #fff;padding-top: 5%;}
#bl1-1 .bl1-content {display: flex;justify-content: space-between;flex-wrap: wrap;}
#bl1-1 .bl1-content div {width: 47.5%;padding-top: 7.5%;padding-bottom: 7.5%;}
#bl1-1 .bl1-content .lcs-texto {display: flex;flex-direction: column;justify-content: space-between;}
#bl1-1 .bl1-content .lcs-texto img {width: 32.5%;}
#bl1-1 .bl1-content .linkeo-texto {display: flex;flex-direction: column;justify-content: space-between;}
#bl1-1 .bl1-content .linkeo-texto img {width: 42.5%;}



#bl2 {background-color: #2B2B2B;padding-top: 5%;padding-bottom: 5%;}

#bl2 h1{font-size: 40px;text-align: center;text-align: -webkit-center;text-transform: uppercase;color: #fff;font-weight: bold;}

#bl2 h2{font-size: 32px;font-weight: bold;text-align: left;}

#bl2 p{font-size: 20px;font-weight: 500;text-align: left;}

#bl2 a{font-size: 30px;font-weight: bold;text-decoration: none;color: #fff;background-color: #E30614;width: 40%;padding: 1%;border-radius: 50px;text-align: center;}

#bl2 span{color: #F39200;}

#bl2 .bl2-icones img{width: 100%;margin-left: 15%;}

#bl2 .swiperCatalogo .swiper-pagination-bullet {width: 10px;height: 10px;background: #000;opacity: .25;}

#bl2 .swiperCatalogo .swiper-pagination-bullet-active {background: #000;border: solid 1px #fff;opacity: 1;}



#bl2 .infos-content{display: flex;justify-content: space-around;}

#bl2 .infos-content .imagem{width:30%;}

#bl2 .infos-content .imagem img{width:100%;}

#bl2 .infos-content .texto{width: 70%;display: flex;flex-direction: column;justify-content: space-evenly;padding-left: 5%;}

#bl2 .bl2-infos {text-align: center;text-align: -webkit-center;background-color: #fff;border-radius: 25px;padding-top: 2.5%;padding-bottom: 2.5%;margin-top:0;z-index: 9;}

#bl2 .icones{width: 25%;justify-content: space-around;display: flex;background-color: #E6E6E6;border-radius: 50px;padding: 1%;}

#bl2 .icones div{width: 45%; border-radius:50px;padding: 2.5%;}

#bl2 .icones div img{width: 60%;}

#bl2 .icones div.active {background-color: #fff;}

#bl2 .infos-content {display: none!important;}

#bl2 .infos-content.active {display: flex!important;}

#bl2 .infos-05 .infos-content{display: flex!important;}

#bl2 .catalogos-cabeamento{text-align: center;text-align: -webkit-center;padding-top: 7.5%;}

#bl2 .catalogos-cabeamento a{color: #2B2B2B;background-color: #fff;}



#bl3{padding-top: 5%;padding-bottom: 5%;background-size: cover;background-repeat: no-repeat;background-position: top;}

#bl3 h1{font-size: 40px;text-align: center;text-align: -webkit-center;text-transform: uppercase;font-weight: bold;padding-bottom: 2.5%;}

#bl3 button{font-size: 32px;font-weight: bold;text-transform: uppercase;text-align: center;color: #F39200;align-content: center;}

#bl3 p{font-size: 20px;font-weight: 500;padding-bottom: 15px;}

#bl3 img{width: 2.5%;margin-right: 15px;}

#bl3 .pontos{display: flex;padding-bottom: 15px;}

#bl3 .pontos span{color: #F39200;}

#bl3 .pontos p{text-transform: uppercase;font-size: 16px;padding-bottom: 0;}

#bl3 .left{width: 70%;}

#bl3 .right{width: 30%;}

#bl3 .bl3-card{padding: 2.5% 1.25%;border: solid 1px #F39200;border-radius: 30px;width: 49.5%;}

#bl3 span{color: #E30614;}

#bl3 .accordion{width: 75%;}

#bl3 .accordion-item{border: solid 1px #F39200;border-radius: 20px;background-color: transparent;}

#bl3 .accordion-button{background-color: transparent;padding: 2.5% 5%;}

#bl3 .accordion-button:focus{background-color: transparent;padding: 2.5% 5%;}

#bl3 .accordion-body{padding: 2.5% 5%;}



#bl5{padding-top: 5%;padding-bottom: 5%;}

#bl5 h1{font-size: 40px;text-align: center;text-align: -webkit-center;text-transform: uppercase;font-weight: bold;}

#bl5 .bl5-content{display: flex;justify-content: space-between;flex-wrap: wrap;}

#bl5 video{width: 30%;padding-top: 5%;}



#bl6{padding-top: 5%;padding-bottom: 5%;background-color: #F0F0F0;}

#bl6 h1{color: #0088C2;font-weight: 100;text-align: center;font-size: 70px;}

#bl6 .bl6-content{display: flex;justify-content: space-between;flex-wrap: wrap;}

#bl6 iframe{width: 30%;padding-top: 5%;height: 285px;}

#bl6-6{padding-top: 5%;padding-bottom: 5%;background-size: cover;background-repeat: no-repeat;background-position: top;}
#bl6-6 .bl6 .bl6-itens .botoes div{width: 19%;text-align: center;border-bottom: solid 1px #0088C2;margin-bottom: 2.5%;}
#bl6-6 .bl6 .bl6-itens .botoes div h5{font-weight: 300;padding-bottom: 1.5%;cursor: pointer;}
#bl6-6 .bl6 .bl6-itens .botoes div .active{color: #0088C2;font-weight: 700;border-bottom: solid 8px;}
#bl6-6 .bl6 .bl6-itens .conteudos .bl6-card{width: 50%;}
#bl6-6 .bl6 .bl6-itens .conteudos .bl6-card img{width: 100%;}
#bl6-6 .bl6 .bl6-itens .conteudos .bl6-card p{text-align: center;font-weight: 400;padding-top: 2.5%;}
#bl6-6 h1{color: #0088C2;font-weight: 100;text-align: center;padding-bottom: 7.5%;width: 75%;font-size: 70px;}
#bl6-6 .bl6-itens {text-align: -webkit-center;}


.none{display: none;}



#bl7{padding-top: 5%;padding-bottom: 5%;background-size: cover;background-repeat: no-repeat;background-position: top;}

#bl7 h1{font-size: 70px;text-align: center;text-align: -webkit-center;font-weight: 100;color: #707070;}

#bl7 p{font-size: 20px;text-align: center;text-align: -webkit-center;font-weight: 400;padding-top: 2.5%;padding-bottom: 5%;color: #707070;}

#bl7 .form-input{width: 47.5%}

#bl7 .form-input input{font-size: 20px; color: #707070; font-weight: 400;}

#bl7 .form-input input::placeholder{font-size: 20px; color: #707070; font-weight: 400;}

#bl7 .form-textarea textarea{font-size: 20px; color: #707070; font-weight: 400;}

#bl7 .form-textarea textarea::placeholder{font-size: 20px; color: #707070; font-weight: 400;}

#bl7 form{text-align: right;}

#bl7 .form-control { border: solid 2px #707070; border-radius: 20px;margin-bottom: 5%;}

#bl7 .form-control:focus {  border: solid 2px #707070;box-shadow: none;}

#bl7 .btn-custom {font-size: 30px; font-weight: bold; text-decoration: none; color: #fff; background-color: #707070; padding: 0 5%; border-radius: 50px; text-align: center;}
#bl7 a{color: #fff;text-decoration: none;border: solid 1px;width: 47.5%;display: block;text-align: center;padding: 0.5%;font-size: 20px;}
#bl7-7 a{color: #fff;text-decoration: none;border: solid 1px;width: 100%;display: block;text-align: center;padding: 0.5%;font-size: 20px;}

#bl7-7 h1{font-size: 55px;text-align: center;text-align: -webkit-center;font-weight: 100;color: #fff;}
#bl7-7 span{font-weight: 700;}

#bl7-7 {padding: 5% 0;position: relative;height: 100%;overflow: hidden;width: 100%;}
#bl7-7 .background-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1; /* Abaixo do container bl1 */object-fit: cover;}
#bl7-7 .banner-video {position: absolute;top: 0;left: 0;width: 100%;object-fit: cover;z-index: 0; /* Abaixo da imagem de fundo */height: 100%;}
#bl7-7 .bl7 {position: relative;z-index: 2; /* Acima da imagem de fundo */height: 100%;}


#footer{padding-bottom: 2.5%; background-color: #F0F0F0;}

#footer p{font-size: 16px;font-weight: 500;color: #A2A2A2;text-align: center;}

#footer .logo img{width: 65%;}

#footer .redes{text-align: right;}

#footer .redes img{width: 30px;margin-left: 10px;}



@media(max-width:1399px){
#header .header-texto a{font-size: 16px;}


#bl1 p{font-size: 18px;}
#bl1-1 p{font-size: 18px;}


#bl2 h1{font-size: 36px;}
#bl2 h2{font-size: 32px;}
#bl2 p{font-size: 18px;}
#bl2 a{font-size: 26px;width: 40%;}

#bl3 h1{font-size: 36px;}
#bl3 button{font-size: 32px;}
#bl3 p{font-size: 18px;}
#bl3 .pontos p{font-size: 14px;}

#bl5 h1{font-size: 36px;}

#bl6 h1{font-size: 63px;}
#bl6 iframe{height: 245px;}

#bl6-6 h1{font-size: 63px;}

#bl7 h1{font-size: 63px;}
#bl7 p{font-size: 18px;}
#bl7 .form-input input{font-size: 18px;}
#bl7 .form-input input::placeholder{font-size: 18px;}
#bl7 .form-textarea textarea{font-size: 18px;}
#bl7 .form-textarea textarea::placeholder{font-size: 18px;}
#bl7 .btn-custom{font-size: 26px;width: 35%;}

#bl7 a{font-size: 18px;}
#bl7-7 a{font-size: 18px;}

#bl7-7 h1{font-size: 50px;}


#footer p{font-size: 15px;}
#footer .redes img{width: 28px;margin-left: 9px;}

}



@media(max-width:1199px){
#header .header-texto a{font-size: 14px;}


#bl1 p{font-size: 16px;}
#bl1-1 p{font-size: 16px;}


#bl2 h1{font-size: 32px;}
#bl2 h2{font-size: 28px;}
#bl2 p{font-size: 16px;}
#bl2 a{font-size: 22px;width: 40%;}

#bl3 h1{font-size: 32px;}
#bl3 button{font-size: 28px;}
#bl3 p{font-size: 16px;}
#bl3 .pontos p{font-size: 12px;}

#bl5 h1{font-size: 32px;}

#bl6 h1{font-size: 57px;}
#bl6 iframe{height: 200px;}

#bl6-6 h1{font-size: 57px;}

#bl7 h1{font-size: 57px;}
#bl7 p{font-size: 16px;}
#bl7 .form-input input{font-size: 16px;}
#bl7 .form-input input::placeholder{font-size: 16px;}
#bl7 .form-textarea textarea{font-size: 16px;}
#bl7 .form-textarea textarea::placeholder{font-size: 16px;}
#bl7 .btn-custom{font-size: 22px;width: 30%;}

#bl7 a{font-size: 16px;}
#bl7-7 a{font-size: 16px;}

#bl7-7 h1{font-size: 45px;}


#footer p{font-size: 14px;}
#footer .redes img{width: 26px;margin-left: 8px;}

}



@media(max-width:991px){
#header .header-texto a{font-size: 10px;}


#bl1 p{font-size: 14px;}
#bl1-1 p{font-size: 14px;}


#bl2 h1{font-size: 28px;}
#bl2 h2{font-size: 24px;}
#bl2 p{font-size: 14px;}
#bl2 a{font-size: 18px;width: 45%;}

#bl3 h1{font-size: 28px;}
#bl3 button{font-size: 24px;}
#bl3 p{font-size: 14px;}
#bl3 .pontos p{font-size: 10px;}
#bl3 .bl3-card{padding: 5% 2.5%;}

#bl5 h1{font-size: 28px;}
#bl5 video {width: 47.5%;}

#bl6 h1{font-size: 52px;}
#bl6 iframe{width:47.5%;height: 220px;}

#bl6-6 h1{font-size: 52px;}

#bl7 h1{font-size: 52px;}
#bl7 p{font-size: 14px;}
#bl7 .form-input input{font-size: 14px;}
#bl7 .form-input input::placeholder{font-size: 14px;}
#bl7 .form-textarea textarea{font-size: 14px;}
#bl7 .form-textarea textarea::placeholder{font-size: 14px;}
#bl7 .btn-custom{font-size: 18px;width: 30%;}

#bl7 a{font-size: 14px;}
#bl7-7 a{font-size: 14px;}

#bl7-7 h1{font-size: 40px;}


#footer p{font-size: 12px;}
#footer .redes img{width: 24px;margin-left: 7px;}
 
}



@media(max-width:767px){
#header .on-767{display: block!important;text-align: -webkit-right;}
#header .off-767{display: none!important;}

.off-767 { display: none; }
.on-767 { display: block; }

#header .header {padding-top: 2.5%;padding-bottom: 2.5%;}


#header .header-img img {width: 50%;}

#header .header-texto a{font-size: 14px;}


#space {width: 100%;padding-top: 7.5%;}


#bl1 p{font-size: 16px;}
#bl1-1 p{font-size: 16px;}


#bl2 h1{font-size: 32px;}
#bl2 h2{font-size: 22px;}
#bl2 p{font-size: 16px;}
#bl2 a{font-size: 16px;width: 60%;}
#bl2 .swiperCatalogo .swiper-wrapper{padding-bottom:10%!important;}

#bl3 h1{font-size: 32px;}
#bl3 button{font-size: 22px;}
#bl3 p{font-size: 16px;}
#bl3 .pontos p{font-size: 12px;}

#bl5 h1{font-size: 32px;}
#bl5 video {width: 100%;}

#bl6 h1{font-size: 32px;width: 100%;}
#bl6 iframe {width: 100%;height: 315px;}

#bl6-6 h1{font-size: 45px;width: 100%;}

#bl6-6 .bl6 .bl6-itens .botoes div{width: 100%;}
#bl6-6 .bl6 .bl6-itens .conteudos .bl6-card{width: 100%;}

#bl6-6 .bl6 .bl6-itens .conteudos .bl6-card img{margin-top: 15%;}

#bl7 h1{font-size: 35px;}
#bl7 p{font-size: 16px;}
#bl7 .form-input input{font-size: 16px;}
#bl7 .form-input input::placeholder{font-size: 16px;}
#bl7 .form-textarea textarea{font-size: 16px;}
#bl7 .form-textarea textarea::placeholder{font-size: 16px;}
#bl7 .btn-custom{font-size: 16px;width: 35%;}

#bl7 a{font-size: 16px;}
#bl7-7 a{font-size: 16px;}

#bl7-7 h1{font-size: 35px;}


#footer p{font-size: 12px;}
#footer .redes img{width: 22px;margin-left: 6px;}






#bl1 .bl1-content div{width: 100%;padding-top: 5%;padding-bottom: 5%;}
#bl1 .inverte{flex-direction: column-reverse;}
#bl1 .bl1-content .lcs-texto img {width: 25%;padding-bottom: 5%;}

#bl1-1 .bl1-content div{width: 100%;padding-top: 5%;padding-bottom: 5%;}
#bl1-1 .inverte{flex-direction: column-reverse;}
#bl1-1 .bl1-content .lcs-texto img {width: 25%;padding-bottom: 5%;}


#bl2 .icones {width: 35%;}
#bl2 .icones div img {width: 70%;}


#bl3 .bl3-card{width: 100%;margin-bottom: 5%;}
#bl3 .accordion{width: 100%;}


#bl5 {padding-top: 0;}

   


#bl7 .form-row {flex-wrap: wrap;}
#bl7 .form-input{width: 100%;}
#bl7 .form-control{margin-bottom: 5%;}


#footer .logo{text-align: center;}
#footer .logo img {width: 30%;}
#footer .texto{padding-top: 2.5%;padding-bottom: 2.5%;}
#footer .redes {text-align: center;}

}



@media(max-width:575px){
#header .header-texto a{font-size: 12px;}


#header .header-img img {width: 75%;}


#space {padding-top: 10%;}


#bl1 p{font-size: 12px;}
#bl1-1 p{font-size: 12px;}


#bl2 h1{font-size: 22px;}
#bl2 h2{font-size: 18px;}
#bl2 p{font-size: 12px;}
#bl2 a{font-size: 15px;width: 90%;}


#bl2 .icones {    width: 50%;}
#bl2 .icones div img {width: 75%;}

#bl3 h1{font-size: 22px;}
#bl3 button{font-size: 18px;}
#bl3 p{font-size: 12px;}
#bl3 .pontos p{font-size: 8.5px;}

#bl5 h1{font-size: 22px;}
#bl5 video {width: 100%;}

#bl6 h1{font-size: 22px;}
#bl6 iframe{width:100%;height: 300px;}

#bl6-6 h1{font-size: 35px;width: 100%;}

#bl7 h1{font-size: 30px;}
#bl7 p{font-size: 12px;}
#bl7 .form-input input{font-size: 12px;}
#bl7 .form-input input::placeholder{font-size: 12px;}
#bl7 .form-textarea textarea{font-size: 12px;}
#bl7 .form-textarea textarea::placeholder{font-size: 12px;}
#bl7 .btn-custom{font-size: 15px;width: 50%;}

#bl7 a{font-size: 12px;}
#bl7-7 a{font-size: 12px;}

#bl7-7 h1{font-size: 30px;}

#footer p{font-size: 12px;}
#footer .redes img{width: 20px;margin-left: 5px;}

}
@media(max-width:400px){

#bl6-6 h1{font-size: 25px;width: 100%;}

}