.container-representantes{width: 100%;float: left;background: url(../img/representantes/fundo-representantes.jpg)no-repeat center top;}

.engloba-mapa{width: 100%;height: 314px;float: left;background: url(../img/representantes/fundo-mapa.png)no-repeat center;margin: 20px 0 0 0;}

.titulo-representates{float: right;font: 50px robotobold;color: #3b3b3e;margin: 40px 139px 0 0;}

.txt-representantes{float: right;font: 34px robotoregular;color: #3b3b3e;line-height: 41.28px;margin: 60px 166px 0 0;}
.txt-representantes span{font-family: robotobold;color: #32c5f2;}

.engloba-regiao{width: 95%;float: left;margin: 60px 2.5% 0 2.5%;}
.titulo-regiao{width: 95%;float: left;font: 28.04px robotoregular;color: #3b3b3e;margin: 0 0 0 2.5%;}
.titulo-regiao span{font-family: robotobold;color: #70cbea;}
.titulo-regiao i{background: url(../img/representantes/arrow-down.svg)no-repeat center;float: right;padding: 19px 1%;background-size: 19px;}

.linha-regiao{width: 100%;height: 2px;float: left;background: #ececf1;margin: 30px 0 0 0;}

.engloba-estados{width: 100%;float: left;display: flex;align-items: flex-start;justify-content: space-between;flex-flow: wrap;}
.estado{display: none;width: 350px;float: left;margin: 30px 0 0 2.5%;} 
.nome-estado{float: left;font: 14.98px montserrat-regular;color: #87888f;}
.nome-estado i{background: url(../img/representantes/local.svg) no-repeat center;padding: 0 6px;background-size: 15px;margin: 0 13px 0 0;}
.nome-representante{width: 100%;float: left;font: 17px montserrat-bold;color: #3b3b3e;margin: 20px 0 0 0;}
.nome-empresa{width: 100%;float: left;font: 12.02px montserrat-bold;color: #3b3b3e;margin: 15px 0 0 0;line-height: 24px;}
.nome-empresa span{font: 13px montserrat-regular;color: #87888f;}
.tel-estado{width: 100%;float: left;font: 20px montserrat-bold;color: #3b3b3e;margin: 30px 0 0 0;}
.tel-estado span{font-family: montserrat-regular;color: #87888f;}
.tel-estado i{background: url(../img/representantes/ligar.svg)no-repeat center;padding: 0 6px;background-size: 11px 11px;margin: 0 20px 0 0;}

.cel-estado{width: 100%;float: left;font: 20px montserrat-bold;color: #3b3b3e;margin: 15px 0 0 0;}
.cel-estado span{font-family: montserrat-regular;color: #87888f;}
.cel-estado i{background: url(../img/representantes/whatsapp.svg)no-repeat center;padding: 0 6px;background-size: 11px 11px;margin: 0 20px 0 0;}

.email-estado{width: 100%;float: left;font: 14.98px montserrat-regular;color: #87888f;margin: 20px 0 0 0;}
.email-estado i{background: url(../img/representantes/envelope.svg)no-repeat center;padding: 0 7px;background-size: 12px 12px;margin: 0 20px 0 0;}

.cep-estado{width: 100%;float: left;font: 14.98px montserrat-regular;color: #87888f;margin: 20px 0 0 0;}
.cep-estado i{background: url(../img/representantes/arrow.svg)no-repeat center;padding: 0px 8px;background-size: 10px;margin: 0 20px 0 0;}

.atuacao-estado{width: 100%;float: left;font: 14.98px montserrat-regular;color: #87888f;margin: 20px 0 0 0;display: flex;}
.atuacao-estado i{background: url(../img/representantes/atuacao.svg)no-repeat center;padding: 0px 10px;background-size: 19px 19px;margin: 0 20px 0 0;transform: rotate(-90deg);}

.mg-120{margin-left: 120px;}
.mg-b-120{margin-bottom: 95px;}

.engloba-bandeiras-representantes{width: 100%;float: left;margin: 35px 0 0 0;}
.bandeira-estado{width: 213px;height: 50px;float: left;background: #42434c;display: flex;align-items: center;margin: 0 0 18px 30px;cursor: pointer;}
.bandeira-estado:hover{background: #2fc0f1;}
.bandeira-estado:hover p{color: #000;}
.bandeira-estado p{float: left;font: 10px montserrat-medium;color: #ffffff;margin: 0 0 0 18px;}
.icon-bandeira{width: 50px;height: 50px;float: left;}

.icon-bandeira-espirito-santo{background: url(../img/representantes/estados/01-es.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-minas-gerais{background: url(../img/representantes/estados/02-mg.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-rio-de-janeiro{background: url(../img/representantes/estados/03-rj.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-sao-paulo{background: url(../img/representantes/estados/04-sp.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}

.icon-bandeira-parana{background: url(../img/representantes/estados/05-pr.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-rio-grande-do-sul{background: url(../img/representantes/estados/06-rs.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-santa-catarina{background: url(../img/representantes/estados/07-sc.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}

.icon-distrito-federal{background: url(../img/representantes/estados/08-df.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-goias{background: url(../img/representantes/estados/09-go.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-mato-grosso{background: url(../img/representantes/estados/10-mt.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-mato-grosso-do-sul{background: url(../img/representantes/estados/11-ms.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}

.icon-bahia{background: url(../img/representantes/estados/12-bh.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-ceara{background: url(../img/representantes/estados/13-ce.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-maranhao{background: url(../img/representantes/estados/14-mr.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-paraiba{background: url(../img/representantes/estados/15-pb.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-pernambuco{background: url(../img/representantes/estados/16-pe.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-piaui{background: url(../img/representantes/estados/17-pi.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-rio-grande-do-norte{background: url(../img/representantes/estados/18-rn.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-bandeira-sergipe{background: url(../img/representantes/estados/19-se.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}

.icon-acre{background: url(../img/representantes/estados/20-ac.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-tocantins{background: url(../img/representantes/estados/21-to.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-amazonas{background: url(../img/representantes/estados/22-am.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-para{background: url(../img/representantes/estados/23-pa.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}
.icon-rondonia{background: url(../img/representantes/estados/24-ro.svg)no-repeat center #e1e1e1;background-size: 25px 16px;}

.ativo_hover{background: #2fc0f1;}
.ativo_hover p{color: #000;}

@media(max-width:1150px){
    .engloba-mapa{background-size: contain;}   
}

@media(max-width:1070px){
    .titulo-representates{font-size: 40px;}
    .txt-representantes{font-size: 27px;line-height: 30px;margin: 80px 166px 0 0;}
}

@media(max-width:990px){
    .container-representantes{background: none;margin: 0 0 20px 0;}
    .engloba-mapa{background: none;height: auto;margin: 0;}
    .titulo-representates{width: 100%;font-size: 20px;margin: 20px 0 0 0;text-align: center;}
    .txt-representantes{width: 100%;font-size: 20px;margin: 20px 0 0 0;text-align: center;}

    .engloba-regiao{width: 100%;margin: 20px 0 0 0;}
    .titulo-regiao{font-size: 20px;text-align: center;}
    .linha-regiao{margin: 20px 0 0 0;}
    .titulo-regiao i{display: none;}

    .estado{width: 100%;margin: 20px 0 0 0;text-align: center;box-shadow: 0 0 5px 0 #000;padding: 20px 0;}
    .nome-estado{width: 100%;}
    .atuacao-estado{justify-content: center;}

    .mapa-res{background: url(../img/representantes/mapa-res.png)no-repeat center top;padding: 20% 50%;float: left;background-size: contain;margin: 20px 0 0 0;}

    /* .engloba-bandeiras-representantes{display: none;} */
    /* .estado{display: block;box-shadow: 0 0 5px 0 #000;padding: 20px 0;} */

    .bandeira-estado{width: 46%;margin: 10px 2%;}
    .bandeira-estado:hover{background: #42434c;}
    .bandeira-estado:hover p{color: #ffffff;}
    .bandeira-estado p{margin: 0 0 0 4%;width: 65px;}
    .ativo_hover{background: #2fc0f1 !important;}
    .ativo_hover p{color: #000 !important;}
}