.owl-dot span{background: #fff !important;}
.owl-dot.active span{background: #00b3ab !important;}
.c_porque{float: left; margin: -15px 0 0 0; position: relative; width: 100%; height: 80px; background: url(../img/web/bgporque.png) no-repeat center; z-index: 2;}
.porque{float: left; width: 50%;}
.porque h1{float: right; margin: 30px 45px 0 0; font-size: 20px; color: #fff; font-family: 'latoregular';}
.porque b{font-family: 'latobold';}
.c_sobre{float: left; width: 100%}
.sobre{float: left; width: 100%;}
.forma_sobre{float: left; margin: 55px 0 0 0; width: 85px; height: 132px; background: url(../img/web/barrasobre.png) no-repeat center;}
.texto_sobre{float: left;}
.texto_sobre p{float: left; margin: 57px 0 0 -21px; font-size: 14px; font-family: 'latoregular'; line-height: 20px;}
.texto_sobre b{font-family: 'latobold';}
.tit_diferenciais{float: left; width: 40%;margin: 0 0 0 35px;}
.imagem_diferenciais{display: inline-block; margin:40px 0 0 0; width: 343px; height: 124px; background: url(../img/web/imagemdif.png) no-repeat center;position: relative;}
.imagem_diferenciais h1{margin: 93px 0 0 38px; font-size: 15px; color: #fff; font-family: 'latoregular';}
.imagem_diferenciais b{font-family: 'latobold';}
.ligacoes{float: left; width: 100%;}
.barra1{float: left; width: 1px; height: 84px; background-color: #b7d7d6; margin: -8px 0 0 193px;}
.barra2{float: left; width: 680px; height: 1px; background-color: #b7d7d6; margin: 0 0 0 140px;}
.barra3{float: left; width: 1px; height: 40px; background-color: #b7d7d6; margin: 0 0 0 -681px;}
.barra4{float: left; width: 1px; height: 40px; background-color: #b7d7d6;}
.caixas_sobre{float: left; width: 390px; position: relative;background: url(../img/fundo-dif.png)no-repeat center top;margin: 0 0 43px 0;}
.caixa_sobre{float: left; width: 50%; text-align: center;margin: 40px 0 0 0;}
.obra:hover{background: url(../img/web/diferenciais/2H.png) no-repeat center;}
.mercado:hover{background: url(../img/web/diferenciais/3H.png) no-repeat center;}
.instalacao:hover{background: url(../img/web/diferenciais/1H.png) no-repeat center;}
.atendimento:hover{background: url(../img/web/diferenciais/4H.jpg) no-repeat center;}
.obra{display: inline-block; width: 165px; height: 165px; background: url(../img/web/diferenciais/2.png) no-repeat center;}
.mercado{display: inline-block; width: 100%; height: 165px; background: url(../img/web/diferenciais/3.png) no-repeat center;}
.instalacao{display: inline-block; width: 100%; height: 165px; background: url(../img/web/diferenciais/1.png) no-repeat center;}
.atendimento{display: inline-block; width: 100%; height: 165px; background: url(../img/web/diferenciais/4.jpg) no-repeat center;}
.fundo-cinza{float: left; width: 1065px; margin: -333px 0 0 -55px; height: 192px; background-color: #ededed;}
.c_servicos{float: left; width: 100%; background: url(../img/web/bgserv.png) no-repeat center; background-size: cover;display: flex;align-items: center;flex-flow: wrap;}
.caixa_esq_serv{float: left; width: 50%;} 

.serv_1{float: left; padding: 22% 24.8%; margin: 0 0.5% 0 0; background: url(../img/atualizacao/01.png) no-repeat center; background-size: 100%;}
.serv_2{float: left; padding: 22% 24.7%; background: url(../img/atualizacao/02.png) no-repeat center; background-size: 100%;}
.serv_3{float: left; padding: 22% 24.8%; margin: 0.5% 0.5% 0 0; background: url(../img/atualizacao/03.png) no-repeat center; background-size: 100%;}
.serv_4{float: left; padding: 22% 24.7%; margin: 0.5% 0 0 0; background: url(../img/atualizacao/04.png) no-repeat center; background-size: 100%;}
.serv_5{float: left; padding: 22% 24.8%; margin: 0.5% 0 0 0; background: url(../img/atualizacao/05.png) no-repeat center; background-size: 100%;}
.serv_6{float: left; padding: 22% 24.7%; margin: 0.5% 0% 0 6px;  background: url(../img/atualizacao/06.png) no-repeat center; background-size: 100%;}

.caixa_dir_serv{float: left; width: 50%;}
.caixa_dir_serv_textos{float: left; width: 100%;}
.tit_serv{float: left; width: 50%; margin: 55px 0 0 0; text-align: center;}
.tit_serv h1{font-size: 28px; color: #fff; font-family: 'latoregular';}
.tit_serv b{font-size: 28px; font-family: 'latobold';}
.caixas_serv{float: left; width: 65%;}
.caixa_serv{float: left; width: 50%;}
.caixa_serv:nth-of-type(1) button{margin: 55px 0 0 55px;}
.caixa_serv:nth-of-type(1) p{margin: 16px 0 0 72px;}
.caixa_serv:nth-of-type(3) button{margin: 55px 0 0 55px;}
.caixa_serv:nth-of-type(3) p{margin: 16px 0 0 72px;}
.caixa_serv:nth-of-type(5) button{margin: 55px 0 0 55px;}
.caixa_serv:nth-of-type(5) p{margin: 16px 0 0 72px;}
.caixa_serv:nth-of-type(7) button{margin: 0px 0 0 55px;}
.caixa_serv:nth-of-type(7) p{margin: 16px 0 0 72px;}
.caixa_serv button{font-size: 13px; background-color: #fff; color: #00918c; border-radius: 30px; border: 0; padding: 8px 17px 8px 17px; margin: 55px 0 0 0; font-weight: 700;}
.caixa_serv button:focus{outline: none;} 
.caixa_serv p{font-size: 13px; font-family: 'latoregular'; color: #fff; line-height: 20px; margin: 16px 0 0 18px;}
.c_portfolio{float: left; width: 100%; height: 434px; margin: 0 0 14px 0;}
.tit_portfolio{float: left; width: 100%; text-align: center;}
.bgport{margin: 56px 0 57px 0; display: inline-block; width: 326px; height: 57px; background: url(../img/web/titport.png) no-repeat center;}
.bgport h1{margin: 22px 0 0 0; font-family: 'latoregular'; color: #fff;}
.bgport b{font-family: 'latobold';}
.carrosel{float: left;}
.hovergaleria { margin: 0 0 0 0; display: none !important; position: absolute; top: 0; height: 100%; max-width: unset !important;}
.carrosel ul:nth-of-type(1) li:hover .hovergaleria{display: block !important; cursor: pointer;}
.alternarPopUp{display: none; position: fixed; z-index: 99999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.popup {margin: 3% auto; width: 800px;} 
.cancel{padding: 8px 19px 7px 19px; float: right; font-size: 50px; color: #fff; background-color: #000; position: relative; margin: 0 0 -65px 0; z-index: 99; cursor: pointer;}
.cancel i:hover {opacity: 0.8;}
.galeria-cel{display: none;}
.galeria-desk{display: block;}
.c_orcamento{float: left; width: 100%; height: 76px; background-color: #54bebb;}
.orcamento{float: left; width: 100%; text-align: center;}
.orcamento b{font-family: 'latobold';}
.orcamento h1{margin: 30px 0 0 0; font-size: 20px; color: #fff; font-family: 'latoregular';}
.altura-1{height:298px !important;}
.altura-2{height: 183px !important;}
.img-mosaico{ width: 431px; height: 353px; float: right; margin: 55px 0 0 0; background: url(../img/web/mosaico.png)no-repeat center top;}

.engloba-video{ width: 518px; float: right; margin:-120px 0 0 0; position: relative}
.txt-video{width: 85%;float: left;font: 20px latoregular;color: #58aaa7;text-align: right;background: url(../img/fundo-texto.png)no-repeat center right;padding: 0 15% 0 0;}
.txt-video span{font-family: latoblack;}
.video{width: 100%;float: left;margin: 33px 0 0 0; height: 491px;}

.logo-afeal { width: 113px; height: 33px; float: left; clear: both; margin:15px 0 0 60px; background: url(../img/logo-afeal.png) no-repeat center;}
 
.container-engloba-politicas-sgi-div { float: left; width: 95%; margin: 70px 2.5%; display: flex; align-items: center; justify-content: space-between;}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1{ float: left;}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 b{ float: left; clear: both; font: 20px latoblack; color: #58aaa7; margin: 0 0 25px}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 p{ float: left; clear: both; font: 14.5px latoregular; color: #323232; line-height: 24px;} 
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2{ float: left;}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div { float: left; width: 100px; height: 92px; margin: 0 0 0 20px; background-size: 100% !important;}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div.iso-9001{ background: url(../img/iso-9001.png) no-repeat center}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div.iso-14001{ background: url(../img/iso-14001.png) no-repeat center}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div.iso-45001{ background: url(../img/iso-45001.png) no-repeat center}
.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div.iso-37001{ background: url(../img/iso-37001.png) no-repeat center}

.popup .prev {content: ''; position: absolute; left: 29%; top: 40%; width: 30px; height: 30px; background: url(../img/controls.png) no-repeat 0 -32px;}
.popup .next {content: ''; position: absolute; right: 29%; top: 40%; width: 30px; height: 30px; background: url(../img/controls.png) no-repeat -43px -32px;}

@media(max-width: 990px){
	.container-engloba-politicas-sgi-div { width: 94%; margin: 20px 3%; flex-wrap: wrap;}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 { width: 100%;}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 b { font-size: 20px; margin: 0 0 10px; width: 100%; text-align: center;}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 p { text-align: justify;}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div1 p br{ display: none}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 { width: 100%; margin: 20px 0 0; display: flex; justify-content: center;}
	.container-engloba-politicas-sgi-div .container-engloba-politicas-sgi-div-div2 div { margin: 0 5px; width: 50px; height: 47px;}
}

@media(max-width: 1820px){
    .caixa_dir_serv_textos{padding: 20px 0;}
    .popup .prev {left: 25%;}
    .popup .next {right: 25%;}
}
@media(max-width: 1670px){
    .caixas_serv{width: 80%;}
    .tit_serv{float: left; width: 50%; margin: 30px 0 0 0; text-align: center;}
    .caixa_serv:nth-of-type(1) button{margin: 30px 0 0 55px;}
    .caixa_serv:nth-of-type(3) button{margin: 30px 0 0 55px;}
	.caixa_serv:nth-of-type(5) button{margin: 30px 0 0 55px;}
    .caixa_serv button{margin: 30px 0 0 0;}
    .caixa_serv p{margin: 16px 0 0 18px;}
    .popup .prev {left: 22%;}
    .popup .next {right: 22%;}


}
@media(max-width: 1430px){
    .popup .prev {left: 16%;}
    .popup .next {right: 16%;}


    .tit_serv h1{font-size: 20px;}
    .tit_serv b{font-size: 20px;}
    .caixa_serv p{font-size: 11px;}
    .caixa_serv button{margin: 30px 0 0 0; font-size: 11px; padding: 5px 10px 5px 10px;}
    .caixa_serv:nth-of-type(3) button{margin: 0 0 0 55px;}
    .caixa_serv:nth-of-type(4) button{margin: 0;}
    .caixa_serv:nth-of-type(5) button{margin: 0 0 0 55px;}
    .caixa_serv:nth-of-type(6) button{margin: 0;}
    .altura-1{height: 280px !important;}
    .altura-2{height: 130px !important;}
    .caixas_serv{display: flex;align-items: flex-start;justify-content: center;flex-flow: wrap;}    
    .altura-1{height: auto !important;}
    .altura-2{height: auto !important;}
    .caixa_serv {margin: 10px 0 0 0;}
}
@media(max-width: 1280px){
    .tit_serv{margin: 15px 0 0 0;}
    .caixa_serv:nth-of-type(1) button{margin: 0 0 0 55px;}
    .caixa_serv:nth-of-type(3) button{margin: 0 0 0 55px;}
    .caixa_serv:nth-of-type(5) button{margin: 0 0 0 55px;}
    .caixa_serv button{margin: 0 0 0 0;}
}
@media(max-width: 1200px){
    .c_servicos{background: none; background-size: 100%;}
    .caixa_esq_serv{width: 100%;}
    .esquadrias{padding: 16.4% 24.8%;}
    .caixa_dir_serv{width: 100%; background-color: #00c0bd; padding-bottom: 50px;}
    .tit_serv{width: 100%; margin: 20px 0 0 0;}
    .tit_serv h1{font-size: 20px;}
    .tit_serv b{font-size: 20px;}
    .caixas_serv{width: 100%;}
    .caixa_serv{text-align: center;}
    .caixa_serv button{font-size: 13px; padding: 8px 17px 8px 17px; margin: 20px 0 0 0 !important;}
    .caixa_serv p{font-size: 13px; margin: 16px 0 0 0 !important;}
    .caixa_dir_serv_textos{padding: 0;}
    .popup .prev {left: 12%;}
    .popup .next {right: 12%;}


}
@media(max-width: 1070px){
    .fundo-cinza{float: left; width: 100%; margin: -110px 0 0 0; height: 192px; background-color: #ededed;}
}
@media(max-width: 990px){
    .popup .prev {left: 7%;}
    .popup .next {right: 7%;}

    .filial{width:100%; text-align:center; float: left;}
    .caixa_dir_serv_textos{padding: 0;}
    .c_porque{display: none;}
    .c_sobre{height: auto;}
    .sobre{height: auto;}
    .forma_sobre{display: none;}
    .texto_sobre{width: 100%;}
    .texto_sobre p{margin: 20px 20px 0 20px; text-align: justify;}
    .texto_sobre i{display: none;}
    .off-br{display: none;}
    .tit_diferenciais{width: 100%; text-align: center;}
    .imagem_diferenciais h1{margin: 93px 0 0 -15px;}
    .ligacoes{display: none;}
    .caixa_sobre{float: left; width: 50%; text-align: center;margin: 0;}
    .instalacao{background: url(../img/web/diferenciais/1H.png) no-repeat center; margin: 20px 0 0 0;}
    .obra{background: url(../img/web/diferenciais/2H.png) no-repeat center; margin: 20px 0 0 0;}
    .mercado{background: url(../img/web/diferenciais/3H.png) no-repeat center; margin: 20px 0 0 0;}
    .atendimento{background: url(../img/web/diferenciais/4H.jpg) no-repeat center; margin: 20px 0 70px 0;}
    .fundo-cinza{display: none;}
    .c_portfolio{height: auto;}
    .bgport{width: 240px; background-size: 240px;}
    .bgport h1{font-size: 14px;}     
    .popup img{margin: 0 auto; max-width: 100%;}
    .popup{width: 82%; margin-top: 8%;}
    .bx-wrapper{margin-bottom: 0 !important;}
    .c_orcamento{height: auto; padding-bottom: 30px;}
    .orcamento h1{line-height: 25px;}
    .img-mosaico { width: 0; height: 0; padding: 33% 50%; margin: 20px 0 0 0; background-size: 80%;}
    .imagem_diferenciais{margin: 20px 0 0 0;}
    .tit_diferenciais{margin: 0;}

    .caixas_sobre{width: 100%;background: none;margin: 0;}
    .atendimento{margin: 0;}
    .mercado{margin: 0;}
    
    .engloba-video{width: 100%;float: left;margin: 20px 0;}
    .txt-video{width: 96%;margin: 0 2% 0 2%;background: none;padding: 0;text-align: center;}
	
	.logo-afeal { width: 100%; margin: 10px 0 0 0;}
	
}
@media(max-width: 768px){
    .popup .prev, .popup .next {top: 30%;}
    .galeria-cel{display: inline-block; float: none;}
    .galeria-desk{display: none;}
    .bx-wrapper img:nth-of-type(2){display: none !important;}
    .carrosel ul:nth-of-type(1) li:hover .hovergaleria{display: none !important;}
    .c_portfolio{text-align: center; margin-bottom: 32px;}
    .bgport{margin: 28px 0 28px 0;}
}

@media(max-width:610px){
    .serv_6{margin:0.5% 0% 0 3px;}
    .popup .prev, .popup .next {top: 20%;}

}
@media(max-width: 420px){
    .imagem_diferenciais{background-size: 230px; width: 230px;}
    .imagem_diferenciais h1{margin: 83px 0 0 -13px; font-size: 11px;}
    .caixa_serv{width: 100%;margin: 10px 0 0 0 !important;}
}
@media(max-width: 410px){
    .bx-wrapper{width: 100%; max-width: 100% !important;}
    .slider2 li{width: 160px !important; margin: 0 0 0 115px;}
}
@media(max-width: 360px){
    .instalacao{margin: 30px 0 0 0; background-size: 110px; width: 110px; height: 110px;}
    .instalacao:hover{background-size: 110px; width: 110px; height: 110px;}
    .obra{margin: 30px 0 0 0; background-size: 110px; width: 110px; height: 110px;}
    .obra:hover{background-size: 110px; width: 110px; height: 110px;}
    .mercado{margin: 20px 0 20px 0; background-size: 110px; width: 110px; height: 110px;}
    .mercado:hover{background-size: 110px; width: 110px; height: 110px;}
    .atendimento{margin: 20px 0 20px 0; background-size: 110px; width: 110px; height: 110px;}
    .atendimento:hover{background-size: 110px; width: 110px; height: 110px;}
}
@media(max-width: 340px){
    .slider2 li{margin: 0 0 0 80px;}
}
@media(max-width: 300px){
    .slider2 li{margin: 0 0 0 60px;}
}
@media(max-width: 280px){
    .slider2 li{margin: 0 0 0 50px;}
}
@media(max-width: 270px){
    .slider2 li{margin: 0 0 0 45px;}
}