/** configuração inicial geral do estilo **/

body { position: relative; width: 100%; font-family: 'Libre Franklin', sans-serif; font-weight: lighter; background-color: #fff; font-size: 10px; color: #000; }

button { font-family: 'Libre Franklin', sans-serif; font-weight: lighter; }

input, textarea { font-family: 'Libre Franklin', sans-serif; font-weight: lighter; }

h1, h2, h3, h4, h5, h6 { font-family: 'Libre Franklin', sans-serif; font-weight: lighter; }

::selection { 
    background : rgba(0, 88, 188, .8); color: #fff; 
} 
::-moz-selection { background: rgba(0, 88, 188, .8); 
    color: #fff; 
}

.corpo { position: relative; width: 1200px; height: 100%; margin: 0 auto; }
.hide{ display: none; }
.show{ display: block; }
.aux-hidden-wow { visibility: hidden; }
.input-error { border: 1px solid #aa1917 !important; transition: .3s; }

@media (max-width: 1250px) {
	.corpo { width: 97%; }
}

/**********************************************************
**                          Popup                        **
**********************************************************/

.popup-servico{ position: absolute; z-index: 10; width: 600px; top: 17px; left: 50%; transform: translate(-50%, 0%); padding: 20px; background-color: #1071b8; display: none; }
.popup-servico h2{ width: 400px; margin: 40px auto 0 auto; line-height: 40px; color: #fff; font-size: 35px; text-align: center; }
.form-servico{ padding: 35px 30px 20px 30px; }
.form-servico select { background: url(../img/home/seta-servico.png) 97% 50% no-repeat #0f65a4; }
.input-servico{ background-color: #1071b8; border: 1px solid transparent; width: 100%; height: 45px; color: #fff; font-size: 14px; margin-bottom: 10px; padding-left: 15px; background-color: #0f65a4; }
.input-servico::placeholder{ color: #fff; }
.button-servico{ width: 200px; height: 55px; margin-top: 15px; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; background-color: #32a37a; border: 2px solid #32a37a; }
.button-servico:hover{ background-color: transparent; }
.filtro-popup { position: absolute; width: 100%; top: 0; height: 100%; z-index: 5; background-color: rgba(0,0,0,.85); display: none; }
.fecha-popup{ color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; cursor: pointer; }

@media(max-width: 768px){
    
    .popup-servico{ width: 95%; }
    .form-servico{ padding: 20px 0 0 0; }
    .popup-servico h2{ width: 100%; font-size: 22px; line-height: 35px; margin: 10px auto 0 auto; }

}

/**********************************************************
**                          Menu                         **
**********************************************************/

.engloba-header{ position: absolute; z-index: 1; width: 100%; top: 0; }
.menu{ position: relative; display: flex; align-items: center; justify-content: space-around; padding: 20px 0; }
.menu a{ color: #fff; font-size: 15px; text-transform: uppercase; }
.hover-menu{ position: absolute; display: block; width: 0; height: 3px; left: 47%; transform: translate(-50%, 0); background-color: #139DD9; margin-top: 7px; }
.hover-menu-ativo{ width: 30px; }
.menu a:hover~.hover-menu{ width: 30px; }
.menu li{ position: relative; }
.menu a:hover{ color: #139DD9; }
.menu-ativo{ color: #139DD9 !important; }
.engloba-menu-mobile{ position: absolute; display: none; width: 100%; }
.logo{ width: 210px; height: 60px; }
.engloba-topo-mob{ position: relative; z-index: 10; display: flex; align-items: center; width: 90%; padding: 15px 0; align-content: space-between; margin: 0 auto; }
.hamburger{ position: absolute; right: 0; user-select: none; }
input[type='checkbox'] { display: none; }
input[type='checkbox']:checked ~ .container > .menu2 { background: transparent; }
input[type='checkbox']:checked ~ .container > .menu2:before { bottom: 0; transform: rotate(45deg); }
input[type='checkbox']:checked ~ .container > .menu2:after { top: 0; transform: rotate(-45deg); }
.container { width: 36px; height: 36px; position: relative; cursor: pointer; top: 6px; }
.menu2 { height: 2px; width: 36px; background: white; transition: 0.3s; position: relative; transform: translateY(12px); }
.menu2:before { height: 2px; width: 36px; background: white; transition: 0.3s; position: absolute; content: ''; bottom: 12px; }
.menu2:after { height: 2px; width: 36px; background: white; transition: 0.3s; position: absolute; content: ''; top: 12px; }
#container-nav-mob{ position: absolute; width: 100%; background-color: #1071b8; top: 0; z-index: 5; display: none;  }
.menu-mobile{ position: relative; width: 90%; margin: 85px auto 30px auto; }
.menu-mobile li a{ font-size: 22px; color: #fff; line-height: 40px; text-align: center;  }
.link-adicionais{ width: 178px; margin: 20px auto 0 auto;  }
.link-adicionais a{ font-size: 22px !important; }
.link-adicionais a:nth-child(2){ margin: 0 30px 0 30px; }
.link-adicionais a:nth-child(3){ margin: 0 30px 0 0; }
.filtro-vidrama{ position: absolute; width: 100%; height: 100%; z-index: 4; background-color: rgba(0,0,0,.85); display: none; }

@media (max-width: 992px) {
    
    .hide-992{ display: none; }
    #servico2{ cursor: pointer; }
    .button-servico{ width: 100%; }

}


/**********************************************************
**                       Botao Whats                     **
**********************************************************/

.conversao-botao{
    border: solid 1px white;
    z-index: 99999999999;
    font-size:13px;
    font-weight: 400;
    line-height: 2;
    padding: 22px;
    padding-left: 20px;
    padding-right:20px;
    border-radius: 50px;
    color:white;
    background-color:#4FCE5D;
    position:fixed;
    left: 2%;
    bottom: 3%;
    animation-name:bgbotao;
    animation-duration:3s;
    animation-interation-count: infinite;
}

@keyframes bgbotao {
    0% {background-color:#4FCE5D;}
    50% {background-color:#32a37a;}
    100% {background-color:#4FCE5D;}
}

.fab {
    font-size:24px;
    vertical-align:top;
}

/**********************************************************
**                          Home                         **
**********************************************************/

.section-banner-principal{ position: relative; width: 100%; height: 800px; background: url(../img/home/banner.jpg) center no-repeat; background-size: cover; background-attachment: fixed; }
.section-banner-principal:after{ content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }
.section-banner-principal h1{ position: absolute; width: 100%; text-align: center; top: 50%; transform: translate( 0%, -50%); font-size: 45px; z-index: 2; color: #fff; }
.section-banner-principal h1 span{ font-weight: 900; }
.section-qualidade{ position: relative; width: 100%; height: 875px; background: url(../img/home/banner-qualidade.jpg) center no-repeat; }
.btn-home{ display: flex; align-items: center; justify-content: space-between; width: 95%; margin: 0 auto; }
/*.font-inicial span:nth-child(1), .font-inicial span:nth-child(2), .font-inicial span:nth-child(3), .font-inicial span:nth-child(4), .font-inicial span:nth-child(5), .font-inicial span:nth-child(6), .font-inicial span:nth-child(7), .font-inicial span:nth-child(8), .font-inicial span:nth-child(9), .font-inicial span:nth-child(10), .font-inicial span:nth-child(11){ font-weight: inherit !important; }*/
.btn-home a{ position: relative; cursor: pointer; top: -40px; width: 28%; display: flex; align-items: center; height: 70px; align-items: center; font-weight: 700; background-color: #fff; color: #1071b8; margin-right: 0.5%; text-align: center; font-size: 15px; }
.btn-home a span{ display: table; margin: 0 auto; }
.btn-home a:nth-child(2){ position: relative; top: -40px; width: 36%; display: flex; align-items: center; height: 85px; align-items: center; font-weight: 700; background-color: #0c4a78; color: #fff; margin-right: 0.5%; text-align: center; font-size: 15px; }
.btn-home a:nth-child(2):hover{ background-color: #072d4a; }
.btn-home a:hover{ background-color: #0c4a78; color: #fff; }
.btn-home a:hover a{ color: #fff !important; }
.btn-home a:last-child{ margin-right: 0; }
.engloba-sec-qualidade{ position: relative; width: 100%; display: flex; margin-top: 145px; align-items: center; }
.cada-box-qualidade{ position: relative; width: 550px; color: #fff; }
.cada-box-qualidade:last-child{ position: absolute; right: 0; }
.cada-box-qualidade h2{ font-size: 40px; width: 300px; line-height: 45px; margin-bottom: 40px; }
.cada-box-qualidade h2 span{ font-weight: 800; }
.cada-box-qualidade p{ width: 80%; line-height: 25px; font-size: 15px; }
.button-vidrama{ width: 220px; padding: 20px 0; text-align: center; cursor: pointer; margin-top: 40px; background-color: transparent; border: 2px solid #fff; color: #fff; font-weight: 700; font-size: 15px; }
.button-vidrama:hover{ background-color: #fff; color: #1071b8;}
.engloba-carousel-home{ position: relative; width: 550px; height: 481px;  }
.carousel-home{ position: relative; width: 550px; display: flex; margin: 0 auto; overflow: hidden; }
.item{ width: 550px; }
.section-performance1{ position: relative; width: 100%; height: 768px; background: url(../img/home/banner-performance1.png) center no-repeat; }
.section-performance2{ position: relative; width: 100%; height: fit-content; background: url(../img/home/banner-performance2.png) center no-repeat; background-position:bottom; }
.engloba-box{ position: relative; width: 100%; }
.cada-box{ position: relative; width: 50%; height: 100%; }
.border-carro{ position: absolute; top: 42px; right: 0; width: 303px; height: 10px; background: url(../img/home/border-home.png) no-repeat;  }
.engloba-performance{ position: relative; margin-left: 30px; }
.engloba-performance h2{ font-size: 40px; width: 300px; line-height: 45px; color: #1071b8; }
.engloba-performance h2 span{ font-weight: 800; }
.engloba-performance p{ padding: 40px 0; width: 52%; color: #9c9b9b; line-height: 25px; font-size: 15px; }
.button-vidrama2{ width: 220px; padding: 20px 0; text-align: center; cursor: pointer; text-transform: uppercase; background-color: transparent; border: 2px solid #32a37a; color: #32a37a; font-weight: 700; font-size: 15px; }
.button-vidrama2:hover{ background-color: #32a37a; color: #fff; }
.engloba-box-triplo{ position: relative; width: 100%; margin-top: 100px; }
.cada-box-triplo{ width: 33.3%; }
.cada-box-triplo img{ margin: 0 auto; margin-bottom: 25px; }
.cada-box-triplo h3{ font-size: 21px; color: #1071b8; font-weight: 700; text-align: center; margin-bottom: 25px; }
.cada-box-triplo p{ width: 70%; margin: 0 auto 25px auto; color: #9c9b9b; font-size: 15px; line-height: 20px; text-align: center; }
.section-parceiros{ position: relative; width: 100%; height: 427px; background: url(../img/home/back-parceiros.jpg) center no-repeat; }
.engloba-carousel-parceiros{ padding-top: 110px; }
.carousel-parceiros{position: relative; width: 100%; height: 75px; overflow: hidden; }
#carousel-parceiros{ width: 90% !important; margin: 0 auto; }
.cada-item { display: flex; height: 75px; align-items: center; }
.cada-item img{ margin: 0 auto; }
.custon-angle-left{ position: absolute; cursor: pointer; top: 50%; transform: translate(0, -50%); font-size: 40px; color: #fff; }
.custon-angle-right{ position: absolute; cursor: pointer; right: 0; top: 50%; transform: translate(0, -50%); font-size: 40px; color: #fff; }
.conteudo-carousel-parceiros{ position: relative; width: 100%; }
.conteudo-carousel-parceiros h2{ font-size: 40px; line-height: 45px; color: #fff; text-align: center; }
.conteudo-carousel-parceiros h2 span{ font-weight: 800; }
.conteudo-carousel-parceiros p{ padding: 20px 0 40px 0; color: #fff; line-height: 25px; font-size: 15px; text-align: center; }
.section-unidades{  position: relative; width: 100%; height: 957px; background: url(../img/home/back-unidades.jpg) center no-repeat;  }
.conteudo-unidades{ position: relative; width: 100%; padding-top: 240px; }
.conteudo-unidades h2{ font-size: 40px; line-height: 45px; color: #1071b8; text-align: center; }
.conteudo-unidades h2 span{ font-weight: 800; }
.conteudo-unidades p{ padding: 20px 0 0px 0; color: #9c9b9b; line-height: 25px; font-size: 15px; text-align: center; }
.engloba-box-triplo-unidades{ position: relative; width: 100%; margin-top: 50px; }
.cada-box-triplo-unidades{ width: 33.3%; }
.cada-box-triplo-unidades img{ margin: 0 auto; margin-bottom: 25px; }
.cada-box-triplo-unidades h3{ font-size: 21px; color: #1071b8; font-weight: 700; text-align: center; margin-bottom: 25px; }
.cada-box-triplo-unidades p{ width: 85%; margin: 0 auto; color: #9c9b9b; font-size: 15px; line-height: 20px; text-align: center; }
.cada-box-duplo-unidades{ width: 50%; }
.cada-box-duplo-unidades img{ margin: 0 auto; margin-bottom: 25px; }
.cada-box-duplo-unidades h3{ font-size: 21px; color: #1071b8; font-weight: 700; text-align: center; margin-bottom: 25px; }
.cada-box-duplo-unidades p{ width: 85%; margin: 0 auto; color: #9c9b9b; font-size: 15px; line-height: 20px; text-align: center; }
.border-unidade{ width: 70px; height: 5px; margin: 20px auto 20px auto; background-color: #32a37a;  }
.button-ver-todos{ width: 220px; padding: 20px 0; text-align: center; text-align: center; font-weight: 700; background-color: transparent; border: 2px solid #32a37a; font-size: 15px; text-transform: uppercase; color: #32a37a; margin: 50px auto 0 auto; }
.button-ver-todos:hover{ background-color: #32a37a; color: #fff; }
.footer{ position: relative; width: 100%; height: 100%; padding: 50px 0; background-color: #1071b8; }
.engloba-footer{ position: relative; width: 100%; display: flex; justify-content: space-between; }
.engloba-social{ width: 320px; display: flex; justify-content: space-between; align-items: center; }
.logo-rodape img{ width: 195px; height: 60px; }
.redes-sociais{ width: 95px; display: flex; justify-content: space-between; }
.redes-sociais a{ color: #fff; font-size: 19px; }
.redes-sociais a:hover{ color: #32a37a; }
.engloba-links-rodape{ width: 520px; display: flex; justify-content: space-between; align-items: center; }
.engloba-links-rodape a{ color: #fff; font-size: 14px; }
.engloba-links-rodape a:hover{ color: #32a37a; }
.trabalhe-conosco{ width: 200px; border: 2px solid #fff; padding: 10px; margin:10px; background-color: transparent; font-weight: 700; text-align:center;}
.trabalhe-conosco:hover{ background-color: #fff; color: #1071b8 !important; }
.engloba-diretos{ position: relative; width: 100%; margin-top: 40px; border-top: 1px solid #fff; display: flex; justify-content: space-between; padding-top: 30px; align-items: center; }
.engloba-diretos p{ color: #fff; font-size: 13px; }
.engloba-diretos img{ width: 55px; height: 25px; }
.links-mob{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
#nossas-pesquisas a{ position: absolute; display: block; color: #1071b8; width: 100%; line-height: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#nossas-pesquisas a:hover{ color: #fff; }

@media (max-width: 1366px) {
    
    .section-banner-principal{ height: 550px; }

}
@media (max-width: 1250px) {    
    
    .border-carro{ display: none; }

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

	.section-qualidade{ background: none; background-color: #1071b8; padding:50px 0; height: 100%;  }    
    .hide-992{ display: none; }
    .engloba-menu-mobile{ display: block; }
    .btn-home{ display: none !important; }
    .engloba-sec-qualidade{ margin-top: 0; }
    .engloba-sec-qualidade{ flex-flow: column; }
    .cada-box-qualidade{ position: relative; width: 100%; text-align: center; }
	.cada-box-qualidade:last-child{ position: relative; width: 100%; margin-top: 50px; }
	.engloba-carousel-home{ margin: 0 auto; }
	.button-vidrama{ margin: 40px auto 0 auto; }
	.cada-box-qualidade p{ width: 100%; }
	.cada-box-qualidade h2{ width: 100%; }
    .engloba-box{ padding-top: 40px; }
    .section-performance1, .section-performance2{ background: none; background-color: #fff; height: auto; padding: 25px 0; }
    .section-parceiros{ background: none; background-color: #1071b8; height: auto; }
    .section-unidades{ background: none; background-color: #fff; height: auto; padding: 70px 0; }
    .engloba-carousel-parceiros{ padding: 100px 0; }
    .conteudo-unidades{ padding-top: 0px; }
    .engloba-box-triplo-unidades{ margin: 0; }
    .conteudo-unidades p{ padding: 20px 0 0 0; }
    .engloba-performance{ margin-left: 0px; }

}
@media (max-width: 992px) {    
    .section-banner-principal { height: 500px; }
    .cada-box{ float: none; width: 100%; text-align: center; }
    .cada-box img{ display: none; }
    .engloba-performance h2, .engloba-performance p{ width: 100%; }
    .button-vidrama2{ margin: 0 auto; }
    .engloba-footer{ flex-flow: column; }
    .engloba-social{ margin: 0 auto; }
    .engloba-links-rodape{ margin: 50px auto 0 auto; }
    .engloba-diretos{ flex-flow: column; }
    .engloba-diretos p{ margin-bottom: 20px; }
    .footer{ padding: 30px 0; }

}
@media (max-width: 768px) {
    
    .section-banner-principal { height: 400px; }
    .hide-768{ display: none; }
    .section-banner-principal h1{ font-size: 30px; line-height: 20px;  }
    .cada-box-qualidade h2, .engloba-performance h2, .conteudo-carousel-parceiros h2, .conteudo-unidades h2{ font-size: 32px; }
    .engloba-performance h2{ line-height: 20px; }
    .cada-box-triplo, .cada-box-triplo-unidades{ float: none; width: 100%; margin-bottom: 25px; }
    .cada-box-triplo, .cada-box-duplo-unidades{ float: none; width: 100%; margin-bottom: 25px; }
    .engloba-box-triplo{ margin-top: 50px; }
    .cada-box-triplo-unidades{ margin-top: 25px; }
    .cada-box-duplo-unidades{ margin-top: 25px; }
    .engloba-links-rodape { margin: 30px auto 0 auto; }
    .show-768{ display: block; }

}

@media (max-width: 580px) {
	
	.carousel-home{ width: 100%; }
	.engloba-carousel-home { width: 100%; height: auto; }
	.item img{ width: 100% !important; height: auto; }
    .engloba-links-rodape{ flex-flow: column; }
    .trabalhe-conosco{ margin-top: 30px; }
    .engloba-links-rodape{ width: 100%; }

}

@media (max-width: 480px) {
    
    .engloba-social{ width: 300px; }
    .logo-rodape img{ width: 180px; }

}

/**********************************************************
**                          Sobre                        **
**********************************************************/

.section-banner{ position: relative; width: 100%; height: 1250px; overflow: hidden; }
.section-banner-sobre{ background: url(../img/sobre/banner.jpg) center no-repeat; background-attachment: fixed; background-size: cover; }
.back-branco-banner { position: absolute; width: 180%; overflow: hidden; height: 80%; transform: rotate(-14deg); background-color: #fff; top: 600px; left: -342px; }
.enbloba-conteudo-sobre{ position: relative; width: 770px; text-align: center; top: 28%; left: 50%; transform: translate(-50%, -50%); }
.enbloba-conteudo-sobre h1{ font-size: 40px; color: #fff; line-height: 45px }
.enbloba-conteudo-sobre p{ font-size: 16px; color: #fff; line-height: 25px; margin-top: 35px; }
.bloco-images{ position: absolute; z-index: 1; left: 50%; top: 48%; transform: translate(-50%, 0); }
.bloco-images img{ width: 25%; height: auto; }
.back-conteudo-sobre{ position: relative; width: 100%; height: 651px; background: url(../img/sobre/back-sobre.jpg) center no-repeat; }
.engloba-page-sobre{ width: 700px; margin: 0 auto; margin-top: 80px; }
.cada-box-sobre{ width: 40%; padding: 20px; }
.cada-box-sobre:last-child{ width: 60%; }
.cada-box-sobre h3{ text-align: center; width: 150px; margin: 0 auto; font-size: 21px; color: #1071b8; font-weight: 700; text-align: center; margin-bottom: 25px; }
.cada-box-sobre p{ font-size: 15px; line-height: 20px; color: #9c9b9b; }
.section-page-sobre-parceiros{ width: 100%; position: relative; background-color: #0071c1; }
.engloba-logos-parceiros{ margin: 30px 0; display: flex; align-items: center; }
.logo-parceiro{ width: 25%; }
.logo-parceiro2{ width: 33.3%; }
.logo-parceiro img, .logo-parceiro2 img{ margin: 0 auto; }
.engloba-buttons-sobre{ position: relative; width: 100%; padding: 100px 0; margin-top: 60px; background-color: #0c5c97; }
.buttons-sobre{ width: 800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.buttons-sobre a { width: 30%; font-size: 15px; padding: 20px 0; text-align: center; border: 2px solid #32a37a; color: #fff; font-weight: 700; }
.buttons-sobre a:hover{ background-color: #32a37a; }
.buttons-sobre p{ width: 30%; font-size: 15px; color: #fff; text-align: center; }


@media(max-width: 1366px){

    .back-conteudo-sobre{ top: 0; height: 577px; background: url(../img/sobre/back-sobre-desk.jpg) center no-repeat; }
    .engloba-page-sobre{ margin-top: 50px; }
    .section-banner-sobre .back-branco-banner{ top: 540px; }

}

@media(max-width: 1250px){

    .section-banner{ height: 500px; }
    .enbloba-conteudo-sobre { width: 95%; top: 54%; }
    .back-branco-banner{ display: none; }
    .section-page-sobre-parceiros{ padding: 40px 0 0 0; }
    .back-conteudo-sobre{ background: none; height: 100%; padding: 40px 0; }
    .bloco-images{ position: relative; top: 0; left: 0; transform: none; width: 80%; margin: 0 auto 35px auto; }   
    .show-1250{ display: block; }
    .hide-1250{ display: none; }

}

@media(max-width: 992px){
    
    .engloba-buttons-sobre{ margin-top: 0; }
    .engloba-logos-parceiros{ margin: 0; display: block; }
    .logo-parceiro2, .logo-parceiro { width: 50%; height: 135px; display: flex; align-items: center; }
    .engloba-buttons-sobre{ padding: 70px 0; }
    .buttons-sobre{ width: 100%; flex-flow: column; }
    .buttons-sobre p{ width: 100%; margin-bottom: 30px; }
    .buttons-sobre a{ width: 240px; margin-bottom: 30px; }
    .buttons-sobre a:last-child{ margin-bottom: 0px; }
    .conteudo-carousel-parceiros p{ padding: 20px 0; }

}

@media(max-width: 830px){
    
    .show-830{ display: block; }
    .hide-830{ display: none; }
    .bloco-images img{ width: 50%; margin: 0 auto; }

}

@media(max-width: 768px){
    
    .section-banner{ height: 540px; }
    .engloba-page-sobre{ width: 100%; margin-top: 0px; }
    .cada-box-sobre{ float: none; width: 100%; text-align: center; }
    .cada-box-sobre:last-child{ width: 100%; padding: 0px; }
    .enbloba-conteudo-sobre h1{ font-size: 30px; line-height: 35px; }
    .enbloba-conteudo-sobre p{ font-size: 14px; margin-top: 25px; }

}

@media(max-width: 550px){

    .hide-550{ display: none; }
    .logo-parceiro2, .logo-parceiro{ width: 100%; }

}

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

.section-banner-servicos{ height: 800px; background: url(../img/servicos/banner.jpg) center no-repeat; background-attachment: fixed; background-size: cover; }
.section-banner-servicos .back-branco-banner{ top: 450px; }
.section-banner-servicos .enbloba-conteudo-sobre{ top: 40%; }
.section-page-servicos{ position: relative; width: 100%; height: 100%; padding-bottom: 70px; background: url(../img/servicos/back-servicos.png) bottom left no-repeat; }
.servicos-vidro-automotivo{ position: relative; display: flex; height: 100%; }
.engloba-vidro-automotivo-right{ position: relative; display: flex; align-items: center; padding: 70px; width: 33.3%; background-color: #1071b8; color: #fff; }
.engloba-outros{ position: relative; display: flex; align-items: center; padding: 70px; margin-left:10px; width: 33.3%; background-color: #f8f8f8; color: #1071b8; }
.engloba-vidro-automotivo{ position: relative; display: flex; align-items: center; background-color: #f8f8f8; width: 33.3%; }
.titulo-vidro-automotivo{ width: 100%; }
.titulo-vidro-automotivo img{ margin: 0 auto; margin-bottom: 22px; }
.titulo-vidro-automotivo h2{ text-align: center; color: #1071b8; font-size: 22px; font-weight: 700; }
.titulo-outros{ width: 100%; }
.titulo-outros img{ margin: 0 auto; margin-bottom: 22px; }
.titulo-outros h2{ text-align: center; color: #1071b8; font-size: 22px; font-weight: 700; margin-bottom: 40px; }
.conteudo-vidro-automotivo{ display: flex; justify-content: space-between; }
.cada-conteudo{ width: 42%; font-size: 16px; color: #fff; line-height: 20px; font-weight: 700; }
.titulo-outros p{ width: 100%; font-size: 16px; color: #1071b8; line-height: 20px; font-weight: 700; margin-bottom: 20px;}
.cada-conteudo p{ margin-bottom: 20px; }
.cada-conteudo p:last-child{ margin-bottom: 0; }
.cada-conteudo-novo{ width: 100%; font-size: 16px; color: #fff; line-height: 20px; font-weight: 700; }
.cada-conteudo-novo p{ margin-bottom: 20px; }
.cada-conteudo-novo p:last-child{ margin-bottom: 0; }

.cada-conteudo-contato{ width: 100%; font-size: 16px; color: #7c7c7c; line-height: 18px; font-weight: normal; }
.cada-conteudo-contato p{ margin-bottom: 10px; }
.cada-conteudo-contato p:last-child{ margin-bottom: 0; }

.border-vert{ position: absolute; z-index: 1; width: 8px; height: 40%; background-color: #32a37a; right: -4px; top: 50%; transform: translate(0, -50%); }
.engloba-box-page-servicos{ position: relative; width: 100%; height: 560px; margin-top: 60px; display: flex; justify-content: space-between; }
.cada-box-page-servicos{ width: 25%; }
.engloba-title-box-servicos{ position: relative; background-color: #f8f8f8; height: 50%; display: flex; align-items: center; }
.engloba-content-box-servicos{ position: relative; background-color: #1071b8; height: 60%; display: flex; color: #fff; padding: 30px; margin-left:10px; margin-right:10px }
.title-box-servicos{ width: 100%; }
.title-box-servicos img{ margin: 0 auto 25px auto; }
.title-box-servicos h2{ text-align: center; color: #1071b8; font-size: 22px; line-height: 22px; font-weight: 700; }
.border-horiz{ position: absolute; z-index: 1; width: 30%; height: 8px; background-color: #32a37a; bottom: -4px; left: 50%; transform: translate(-50%, 0%); }
.content-box-servicos{ width: 100%; font-size: 16px; line-height: 22px; font-weight: 700; }
.button-ver-video{ width: 100%; padding: 17px; color: #fff; text-align: center; font-size: 16px; background-color: #32a37a; margin-top: 18px; }
.section-buttons-sobre .engloba-buttons-sobre{ margin: 0; }
.xsemjuros { margin:auto; width:60%; margin-top:300px; position:relative; }
.brasaovidrama { margin:auto; width:100%; margin-top:50px; position:relative; }

@media(min-width: 1250px){
.brasaomobile { display:none; }
}

@media(max-width: 1366px){
    
    .section-banner-servicos{ height: 700px; }
    .section-banner-servicos .enbloba-conteudo-sobre { top: 45%; }
    .brasaovidrama { display:none; }

}

@media(max-width: 1250px){
    
    .section-banner-servicos{ height: 700px; }
    .engloba-servicos{ margin-top: 70px; }
    .engloba-content-box-servicos{ padding: 20px; }
    .section-banner-servicos .enbloba-conteudo-sobre { top: 50%; }
    .xsemjuros { margin:auto; width:80%; margin-top:350px; position:relative; }

}

@media(max-width: 992px){
    
    .section-page-servicos{ background: none; padding-bottom: 0; }
    .section-banner-servicos{ height: 700px; }
    .servicos-vidro-automotivo{ width: 100%; }    
    .servicos-vidro-automotivo{ flex-flow: column; }
    .engloba-vidro-automotivo{ width: 100%; padding-top:20px; padding-bottom:20px;}
    .engloba-vidro-automotivo-right{ width: 100%; padding-top:20px; padding-bottom:40px; padding:15px; }
    .engloba-outros{ width: 100%; padding: 0 10px; margin-left:0px; margin-top:10px; }
    .conteudo-vidro-automotivo{ flex-flow: column; width: 100%; }
    .cada-conteudo{ width: 100%; text-align: center; }
    .cada-conteudo:last-child{ margin-top: 5px; }
    .cada-conteudo-novo{ width: 100%; text-align: center; height:100%; margin-bottom:5px; padding-left:10px;padding-right:10px; padding-top:20px; padding-bottom:20px;}
     .titulo-outros{ width: 100%; text-align: center; height:100%; margin-bottom:5px; padding-left:10px;padding-right:10px; padding-top:20px; padding-bottom:20px;}
    .cada-conteudo-novo:last-child{ margin-top: 5px; }
    .engloba-servicos{ margin: 10px auto 10px auto; }
    .engloba-box-page-servicos{ height: 100%; flex-flow: column; }
    .engloba-content-box-servicos{ padding: 0 10px; height:70%; }
    .cada-box-page-servicos{ width: 100%; height: 600px; margin-bottom: 70px; }
    .cada-box-page-servicos:last-child{ margin-bottom: 0; }
    .content-estetica{ width: 100%; }
    .content-box-servicos{ text-align: center; }
    .border-vert{ position: absolute; z-index: 1; width: 30%; height: 8px; background-color: #32a37a; top: 98.5%; left: 50%; transform: translate(-50%, 0%); }
    .button-ver-video{ margin-top: 30px; }
    .engloba-content-box-servicos{ align-items: center; }
    .xsemjuros { margin:auto; width:90%; margin-top:350px; position:relative; }
    .brasaomobile { margin:auto; width:90%; margin-top:50px; position:relative; }
    

}

/**********************************************************
**                        Unidades                       **
**********************************************************/

.section-banner-unidades{ height: 800px; background: url(../img/unidades/banner.jpg) center no-repeat; background-attachment: fixed; background-size: cover; }
.section-banner-unidades .back-branco-banner{ top: 450px; }
.section-banner-unidades .enbloba-conteudo-sobre{ top: 40%; }
.section-location-vidrama{ position: relative; width: 100%; height: 100%; padding-bottom: 100px; background: url(../img/servicos/back-servicos.png) bottom left no-repeat; }
.engloba-location-vidrama{ position: relative; display: flex; width: 100%; justify-content: center; text-align: center; }
.cada-location-vidrama{ width: 32%; margin-left:15px; margin-right:15px; }
.img-location{ position: relative; height: 240px; width: 100%; z-index: 1; }
.back-location-01{ background: url(../img/unidades/img-location-01-cache.jpg) no-repeat; background-size: cover; }
.back-location-02{ background: url(../img/unidades/img-location-02.jpg) no-repeat; background-size: cover; }
.back-location-03{ background: url(../img/unidades/img-location-03.jpg) no-repeat; background-size: cover; }
.back-location-04{ background: url(../img/unidades/img-location-04.jpg) no-repeat; background-size: cover; }
.back-location-05{ background: url(../img/unidades/img-location-05.jpg) no-repeat; background-size: cover; }
.back-location-06{ background: url(../img/unidades/img-location-06.jpg) no-repeat; background-size: cover; }
.location-page{ position: relative; width: 100%; height: 320px; background-color: #1071b8; display: flex; align-items: center; color: #fff; font-size: 15px; }
.content-location{ width: 100%; line-height: 25px; }
.content-location h2{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.phone-location{ width: 249px; margin: 0 auto; }
.phone-location div{ display: flex; }
.phone-location a{ color: #fff; font-weight: 700; }
.phone-location p{ padding: 0 7px; }
.button-location-maps{ width: 100%; padding: 25px; font-weight: 700; color: #fff; background-color: #32a37a; font-size: 16px; }
.button-location-maps:hover{ background-color: #267c5d; }
.border-location{ position: absolute; width: 35%; height: 8px; background-color: #32a37a; left: 50%; transform: translate(-50%, 0); bottom: -4px; }

@media(max-width: 1366px){
    
    .section-banner-unidades .enbloba-conteudo-sobre { top: 38%; }

}

@media(max-width: 1250px){
    
    .section-location-vidrama{ padding: 100px 0; background: none; }
    .section-banner-unidades{ height: 500px; }
    .section-banner-unidades .enbloba-conteudo-sobre { top: 50%; }
    .cada-location-vidrama{ margin-bottom: 70px; }

}

@media(max-width: 992px){
    
    .cada-location-vidrama{ width: 100%; }
    .engloba-location-vidrama{ flex-flow: column; }
    .section-location-vidrama{ padding: 70px 0 0 0; }
    .location-page{ height: 260px; }
    .img-location{ height: 350px; }

}

@media(max-width: 480px){

    .img-location{ height: 240px; }

}

/**********************************************************
**                        Contato                        **
**********************************************************/

.section-banner-contato{ position: relative; width: 100%; height: 550px; background: url(../img/contato/banner.jpg); background-attachment: fixed; }
.section-banner-contato h1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; text-transform: uppercase; line-height: 45px; }
.section-form-contato{ font-family: 'Libre Franklin', sans-serif; font-weight: lighter; position: relative; width: 100%; height: 100%; margin-top: 70px; background: url(../img/servicos/back-servicos.png) bottom left no-repeat; }
.engloba-form-contato{ position: relative; display: flex; justify-content: space-between; }
.img-contato img{ position: relative; width: 100%; }
.img-contato{ width: 670px; }
.form-contato h2{ font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 20px; color: #444444; text-align: center; }
.form-contato{ position: relative; width: 450px; margin-bottom:40px;}
.input{ width: 100%; height: 45px; border: 1px solid transparent; padding-left: 10px; font-size: 15px; background-color: #f7f7f7; color: #7c7c7c; margin-bottom: 15px; }
.input::placeholder{ font-family: 'Libre Franklin', sans-serif; font-weight: lighter; }
.text-area{ width: 100%; height: 150px; resize: none; padding-top: 10px; padding-left: 10px; font-size: 15px; background-color: #f7f7f7; color: #7c7c7c; margin-bottom: 15px; }
.text-area::placeholder{ font-family: 'Libre Franklin', sans-serif; font-weight: lighter; }
.button-contato{ float: right; font-weight: 700; text-transform: uppercase; width: 180px; height: 55px; font-size: 15px; color: #fff; background-color: #32a37a; }
.button-contato:hover{ background-color: #267c5d; }
.engloba-anexo label { display: block; width: 180px; font-size: 15px; float: left; background-color: #32a37a; color: #fff; text-transform: uppercase; padding: 19px 0; text-align: center; cursor: pointer; font-weight: 700;  border: 1px solid transparent; }
.engloba-anexo label:hover{ background-color: #267c5d; }
input[type='file'] { display: none; }
#file-name { display: block; font-size: 11px; line-height: 12px; padding-top: 10px; }

@media(max-width: 1250px){
    
    .img-contato{ display: none; }
    .section-form-contato{ background: none; }
    .form-contato{ width: 95%; margin: 0 auto; }
    .section-form-contato{ margin: 70px 0; }
    .button-contato{ width: 90%; margin: 0 auto; float: none; }
    .engloba-anexo label{ float: none; width: 90%; margin: 0 auto; margin-top: 20px; }
    #file-name { margin: 0 auto; display: table; margin-top: 20px; line-height: 20px; }

}

@media(max-width: 992px){
    
    .section-banner-contato{ height: 450px; }
    .section-banner-contato h1{ font-size: 30px; line-height: 40px; }

}

/**********************************************************
**                        Produtos                       **
**********************************************************/

.section-banner-produtos{ position: relative; width: 100%; height: 788px; background: url(../img/produtos/banner.jpg) center no-repeat; background-attachment: fixed; background-size: cover; }
.engloba-conteudo-produtos{ position: absolute; width: 770px; text-align: center; top: 40%; left: 50%; transform: translate(-50%, -50%); }
.engloba-conteudo-produtos h1{ font-size: 40px; color: #fff; line-height: 45px }
.section-banner-produtos .back-branco-banner{ top: 450px; }
.section-produtos-vidrama{ position: relative; width: 100%; height: 100%; padding-bottom: 70px; }
.engloba-produtos-vidrama{ position: relative; width: 100%; height: 100%; display: flex; justify-content: space-between; }
.cada-produto-vidrama{ position: relative; width: 31%; height: 640px; background-color: #f5f5f5; }
.cada-produto-vidrama:nth-child(1){ margin-bottom: 40px; }
.cada-produto-vidrama:last-child{ margin-bottom: 0px; }
.img-produto-vid{ position: relative; height: 40%; width: 100%; }
.body-produto{ position: relative; height: 60%; width: 100%; padding: 70px 25px 0 25px; }
.body-produto h2{ font-size: 19px; color:#4a4a4a; font-weight: 700; margin-bottom: 25px; }
.body-produto p{ font-size: 15px; color:#4a4a4a; line-height: 22px; }
.body-produto div{ position: relative; overflow-y: scroll; height: 90%; padding-right: 5px; }
.body-produto div::-webkit-scrollbar { width: 7px; }
.body-produto div::-webkit-scrollbar-track { -webkit-box-shadow: none;  border-radius: 10px; }
.body-produto div::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: none; background-color: #ccc; }
.produto01{ background: url(../img/produtos/back-produto.jpg); background-size: cover; }
.produto01 img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; }
.produto02{ background: url(../img/produtos/P02.jpg); background-size: cover; }
.produto03{ background: url(../img/produtos/P03.jpg); background-size: cover; }
.produto04{ background: url(../img/produtos/P04.jpg); background-size: cover; }
.produto05{ background: url(../img/produtos/P05.jpg); background-size: cover; }
.produto06{ background: url(../img/produtos/P06.jpg); background-size: cover; }
.produto07{ background: url(../img/produtos/P07.jpg); background-size: cover; }

@media(max-width: 1366px){

    .engloba-conteudo-produtos{ top: 40% }

}

@media(max-width: 1250px){
    
    .section-banner-produtos{ height: 550px; }
    .section-produtos-vidrama{ padding: 50px 0; }
    .engloba-conteudo-produtos{ top: 50% }

}

@media(max-width: 992px){
    
    .engloba-conteudo-produtos h1{ font-size: 30px; line-height: 35px; }
    .engloba-produtos-vidrama{ flex-flow: column; }
    .cada-produto-vidrama{ width: 500px; margin: 0 auto; height: 480px; }
    .img-produto-vid{ height: 50%; }
    .produto01{ background: url(../img/produtos/P01-tab.jpg); background-size: cover; }
    .produto01 img{ display: none; }
    .body-produto{ height: 50%; }
    .cada-produto-vidrama:nth-child(1){ margin-bottom: 20px; }
    .cada-produto-vidrama:nth-child(2){ margin-bottom: 20px; }
    .cada-produto-vidrama:nth-child(3){ margin-bottom: 20px; }
    .body-produto{ padding: 30px 20px; }

}

@media(max-width: 550px){
    
    .section-banner-produtos{ height: 500px; }
    .cada-produto-vidrama{ width: 380px; }
    .produto01{ background: url(../img/produtos/P01-mob.jpg); background-size: cover; }
    .body-produto div{ height: 95%; }

}

@media(max-width: 410px){
    
    .cada-produto-vidrama{ width: 100%; }

}

/**********************************************************
**                        Produtos                       **
**********************************************************/

.engloba-obrigado .engloba-conteudo-produtos{ top: 50% !important; width: 810px; }
.engloba-obrigado .engloba-conteudo-produtos h1{ text-transform: uppercase; line-height: 70px; }

@media(max-width: 992px){
    
    .engloba-obrigado .engloba-conteudo-produtos{ width: 95%; }
    .engloba-obrigado .engloba-conteudo-produtos h1{ line-height: 40px; font-size: 25px; }

}

#consent-popup {
    z-index:999999999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background-color: #fff;
    transition: opacity 1s ease;

    &.hidden {
        opacity: 0;
    }
}
.info {
    flex: 2;
    padding: 2rem;
}
#consent-popup p {
    display:flex;
    justify-content: center;
    font-size:13px;
    line-height: 1.4;
    color:#9c9b9b;
}
.textoprivacidade {
    width:90%;
    float:left;
}
.botaoprivacidade {
    width:10%;
    float:left;
}
button#accept {
    float:right;
    background: #fff;
    border:solid 2px #1071b8;
    color: #1071b8;
    padding: 5px 15px;
    font-weight:700;
}
button#accept:hover {
    float:right;
    background: #1071b8;
    border:solid 2px #1071b8;
    color: #fff;
    padding: 5px 15px;
    font-weight:700;
}