/**/ .haver_no_mundo { display: table; width: 100%; padding: 80px 0 20px; background: #fafafa; margin: -20px 0 0 !important; } .haver_no_mundo .container { } .haver_no_mundo .title_haver { } .haver_no_mundo .title_haver .subtitle { display: table; font-size: 15px; color: #034a1; margin-bottom: 10px; } .haver_no_mundo .title_haver h2 { display: table; font-weight: 800; font-size: 30px; color: #034a1; position: relative; margin: 0 0 20px; } .haver_no_mundo .title_haver h2:after { content: ''; width: 115px; height: 5px; display: table; background: #034a1; margin: 10px 0 0; } /* REPRESENTANTES */ #representantes { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; } #representantes h2 { display: table; margin: 0 auto 4%; font-weight: 500; font-size: 25px; } #representantes h2:after { content: ''; display: table; width: 20%; height: 3px; background: #009522; margin: 5px 0 0; } #representantes .mapa-rep{ width: 100px; height: 70px; object-fit: contain; } #representantes .container { display: flex; flex-direction: row; flex-flow: wrap; align-items: flex-start; } body.page-template-page-contato #representantes { display: table; width: 100%; padding: 30px 0 0px; background: #fafafa; margin: -20px 0 0 !important; } body.page-template-page-contato #representantes #mapas #block-filter { margin: 0 0 0; } /* BLOCO DE MAPAS */ #representantes #mapas { width: 100%; } #representantes #mapas .container { width: auto !important; margin: 0 auto; display: table !important; } /* REPRESENTANTES - MAPA SVG */ #representantes .mapa-svg { display: none; } #representantes .mapa-svg.ativo { display: block; } #representantes .mapa-svg svg { width: 500px; height: 500px; margin: 0 auto; } #representantes .mapa-svg svg .state { cursor: pointer; } #representantes .mapa-svg svg .state .label_icon_state { fill: #fff; font-size: 11px; line-height: 12px; font-weight: normal; } #representantes .mapa-svg svg g .state .shape { fill: #9c9c9c !important; } #representantes .mapa-svg svg g .state:hover .shape { fill: #034a13 !important; } #representantes .mapa-svg svg g .state:hover .icon_state { fill: #009522 !important; } #representantes .mapa-svg svg g .state.active .shape { fill: #034a13 !important; } #representantes .mapa-svg svg g .state.active .icon_state { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg { width: auto; } #representantes .mapa-svg#mapa-internacional svg path { fill: #9c9c9c !important; } #representantes .mapa-svg#mapa-internacional svg polygon { fill: #9c9c9c !important; } #representantes .mapa-svg#mapa-internacional svg path:hover { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg polygon:hover { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.active path { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.active polygon { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.active path { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.active polygon { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.map-hover path { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg a.map-hover polygon { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg path.vector-active { fill: #009522 !important; } #representantes .mapa-svg#mapa-internacional svg polygon.vector-active { fill: #009522 !important; } #representantes .mapa-svg .st0 { fill: #CD07DD; } #representantes .mapa-svg .st1 { fill: #F2111C; } #representantes .mapa-svg .st2 { fill: #692270; } #representantes .mapa-svg .st3 { fill: #FFB000; } #representantes .mapa-svg .st4 { fill: #C61010; } #representantes .mapa-svg [data-uf="america-do-sul"] { fill: #000DFF; } #representantes .mapa-svg .st6 { fill: #A8ED9A; } #representantes .mapa-svg .st7 { fill: #4F4F4F; } #representantes .mapa-svg .st8 { fill: #EDE100; } #representantes .mapa-svg .st9 { fill: #00F262; } #representantes .mapa-svg .st10 { fill: #009EFF; } #representantes .mapa-svg .st11 { fill: none; } #representantes .mapa-svg g[data-continente] { cursor: pointer; } /* REPRESENTANTES - BOTAO SELECIONAR MAPA */ #representantes #selecionar-mapa { width: 100%; display: block; margin: 0 0 50px; text-align: center; } #representantes #selecionar-mapa .container { text-align: center; justify-content: center; } #representantes #selecionar-mapa button {border:none; margin: 0 10px; background: #009522; text-transform: uppercase; padding: 4px 40px 0; line-height: 40px; font-size: 15px; letter-spacing: 1px; cursor: pointer; color: #fff; } #representantes #selecionar-mapa button:hover { background: #000 !important; } #representantes #selecionar-mapa button.ativo { background: #000; } #representantes #selecionar-mapa button.ativo:hover { background: #009522; } /* BLOCO DO FILTRO */ #representantes #mapas #block-filter { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; padding: 10px 20px; margin: 0; background: #fafafa; padding: 30px 20px; margin: 100px 0 0; } #representantes #mapas #block-filter .container { width: 100% !important; display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: flex-start; } #representantes #mapas #block-filter h3 { display: initial; margin: 0; font-weight: 500; font-size: 17px; width: auto; color: #000; } #representantes #mapas #block-filter h3:after { content: ''; display: table; width: 60%; height: 3px; background: #a01d17; margin: 5px auto 0; display: none; } #representantes #mapas #block-filter .filtrar-selects {margin: 0 40px 0 0;width: 30%;flex: auto;position: sticky;top: 120px;left: 0;background: transparent;z-index: 100;} #representantes #mapas #block-filter nav.estados-selectnav { display: inline-block; width: 240px; height: 40px; margin: 0 0 0 20px; position: relative; z-index: 10; background: #fff; } #representantes #mapas #block-filter nav.estados-selectnav .label { position: relative; } #representantes #mapas #block-filter nav.estados-selectnav label { display: block; border: 1px solid #000; background: #fff; padding: 0 45px 0 20px; line-height: 40px; cursor: pointer; /* font-size: 18px; */ } #representantes #mapas #block-filter nav.estados-selectnav label i, #representantes #mapas #block-filter nav.estados-selectnav .label i { float: right; width: 40px; height: 40px; line-height: 30px; background: #000; text-align: center; margin: 0 0 0 20px; color: #fff; font-size: 20px; position: absolute; top: 1px; right: 1px; } #representantes #mapas #block-filter nav.estados-selectnav ul { margin: 0; padding: 0; list-style: none; display: block; width: 100%; max-height: 280px; position: absolute; top: 42px; left: 0; overflow-y: auto; display: none; background: #fff; } #representantes #mapas #block-filter nav.estados-selectnav:hover ul { } #representantes #mapas #block-filter nav.estados-selectnav ul li { cursor: pointer; display: table; width: 90%; display: block; border-bottom: 1px solid #000; background: #fff; padding: 0 5%; line-height: 30px; font-size: 14px; } #representantes #mapas #block-filter nav.estados-selectnav ul li:hover { background: #000; color: #fff; } /* REPRESENTANTES - LISTAGEM DOS REPRESENTANTES */ #representantes #mapas .list-representantes { width: 50%; display: block; overflow-y: auto; margin: -30px 0 0; } #representantes #mapas .list-representantes .item_block { display: none; width: calc(100% - 5px); margin: 30px auto 10px; flex-direction: row; flex-flow: wrap; align-items: flex-start; } #representantes #mapas .list-representantes .item_block:first-of-type { } #representantes #mapas .list-representantes .item_block.active { display: flex; } #representantes #mapas .list-representantes .item_block i {color: #009522;max-width: 20%;width: 20px;height: 20px;line-height: 20px;text-align: center;border: transparent;padding: 5px;border-radius: 100%;margin: 0 6px 0 0;} #representantes #mapas .list-representantes .item_block div { width: 75%; margin: 0 0 0 5%; } #representantes #mapas .list-representantes .item_block div span { display: table; width: 100%; font-size: 14px; line-height: normal; } #representantes #mapas .list-representantes .item_block div span a {font-size: 15px;line-height: normal;} #representantes #mapas .list-representantes .item_block div span a:hover { } #representantes #mapas .list-representantes .item_block div span.country { font-size: 18px; font-weight: 500; } #representantes #mapas .list-representantes .item_block div span.state {font-size: 15px;} #representantes #mapas .list-representantes .item_block div span.local {font-size: 18px;font-weight: 500;margin: 0 0 20px;} #representantes #mapas .list-representantes .item_block div span.local:after { content: ''; display: block; width: 30%; max-width: 40px; height: 3px; background: #009522; } #representantes #mapas .list-representantes .item_block div span.name { font-weight: 500; } #representantes #mapas .list-representantes .item_block div span.tel { font-weight: 700; margin: 1% 0; } #representantes #mapas .list-representantes .item_block div span.mail { color: #757575; font-size: 12px; font-weight: 500; } #representantes #mapas .list-representantes .item_block:first-of-type { } #representantes #mapas .list-representantes .item_block:last-of-type { margin-bottom: 0; } #representantes #mapas .list-representantes .item_block.replic-item { background: #fff; padding: 2% 0; margin: 2% auto; border-left: 5px solid #009522; } #representantes #mapas .list-representantes .item_block div.no-partner { padding: 20px 0; } #representantes #mapas .list-representantes .item_block div.no-partner h2 { } #representantes #mapas .list-representantes .item_block div.no-partner p { margin: 0; } #representantes #mapas .list-representantes .item_block div.no-partner a { display: table; background: #009522; color: #fff; padding: 13px 20px 10px; margin: 0; } #representantes #mapas .list-representantes .item_block div.no-partner a:hover { background: #000; } #representantes #mapas .list-representantes img {width: 146px;height: 102px;object-fit: contain;} /* config para as imgs das bandeiras */ @media only screen and (min-width:981px) { #representantes #mapas #block-filter nav.estados-selectnav:hover ul {display: block;} } @media only screen and (max-width:991px) { /**/ .haver_no_mundo { } .haver_no_mundo .container { } .haver_no_mundo .title_haver { } .haver_no_mundo .title_haver .subtitle { } .haver_no_mundo .title_haver h2 { } .haver_no_mundo .title_haver h2:after { } /* REPRESENTANTES */ #representantes { } #representantes h2 { } #representantes h2:after { } #representantes .container { } #representantes .mapa-rep{ width: 60px; height: 40px; } body.page-template-page-contato #representantes { } body.page-template-page-contato #representantes #mapas #block-filter { } /* BLOCO DE MAPAS */ #representantes #mapas { } #representantes #mapas .container { } /* REPRESENTANTES - MAPA SVG */ #representantes #mapa-nacional svg { zoom: .6; } #representantes .mapa-svg { } #representantes .mapa-svg.ativo { } #representantes .mapa-svg svg { } #representantes .mapa-svg svg .state { } #representantes .mapa-svg svg .state .label_icon_state { } #representantes .mapa-svg svg g .state .shape { } #representantes .mapa-svg svg g .state:hover .shape { } #representantes .mapa-svg svg g .state:hover .icon_state { } #representantes .mapa-svg svg g .state.active .shape { } #representantes .mapa-svg svg g .state.active .icon_state { } #representantes .mapa-svg#mapa-internacional svg { width: 100%; height: auto; } #representantes .mapa-svg#mapa-internacional svg path { } #representantes .mapa-svg#mapa-internacional svg polygon { } #representantes .mapa-svg#mapa-internacional svg path:hover { } #representantes .mapa-svg#mapa-internacional svg polygon:hover { } #representantes .mapa-svg#mapa-internacional svg a.active path { } #representantes .mapa-svg#mapa-internacional svg a.active polygon { } #representantes .mapa-svg#mapa-internacional svg a.active path { } #representantes .mapa-svg#mapa-internacional svg a.active polygon { } #representantes .mapa-svg#mapa-internacional svg a.map-hover path { } #representantes .mapa-svg#mapa-internacional svg a.map-hover polygon { } #representantes .mapa-svg#mapa-internacional svg path.vector-active { } #representantes .mapa-svg#mapa-internacional svg polygon.vector-active { } #representantes .mapa-svg .st0 { } #representantes .mapa-svg .st1 { } #representantes .mapa-svg .st2 { } #representantes .mapa-svg .st3 { } #representantes .mapa-svg .st4 { } #representantes .mapa-svg [data-uf="america-do-sul"] { } #representantes .mapa-svg .st6 { } #representantes .mapa-svg .st7 { } #representantes .mapa-svg .st8 { } #representantes .mapa-svg .st9 { } #representantes .mapa-svg .st10 { } #representantes .mapa-svg .st11 { } #representantes .mapa-svg g[data-continente] { } /* REPRESENTANTES - BOTAO SELECIONAR MAPA */ #representantes #selecionar-mapa { } #representantes #selecionar-mapa .container { } #representantes #selecionar-mapa button { margin: 4px 10px; width: 100%; } #representantes #selecionar-mapa button:hover { } #representantes #selecionar-mapa button.ativo { } #representantes #selecionar-mapa button.ativo:hover { } /* BLOCO DO FILTRO */ #representantes #mapas #block-filter { } #representantes #mapas #block-filter .container { } #representantes #mapas #block-filter h3 { width: 100%; display: block; text-align: left; } #representantes #mapas #block-filter h3:after { } #representantes #mapas #block-filter .filtrar-selects {width: 100%;margin: 30px 0 40px;text-align: center;top: 60px;padding: 40px 0px 10px;} #representantes #mapas #block-filter nav.estados-selectnav { margin: 20px 0 0; width: 100%; } #representantes #mapas #block-filter nav.estados-selectnav .label { text-align: left; } #representantes #mapas #block-filter nav.estados-selectnav label { } #representantes #mapas #block-filter nav.estados-selectnav label i, #representantes #mapas #block-filter nav.estados-selectnav .label i { } #representantes #mapas #block-filter nav.estados-selectnav ul { position: relative; top: 0; padding: 20px; max-height: 320px; text-align: left; } #representantes #mapas #block-filter nav.estados-selectnav:hover ul { } #representantes #mapas #block-filter nav.estados-selectnav ul li { } #representantes #mapas #block-filter nav.estados-selectnav ul li[data-uf="---"] { display: none; } #representantes #mapas #block-filter nav.estados-selectnav ul li:hover { } /* REPRESENTANTES - LISTAGEM DOS REPRESENTANTES */ #representantes #mapas .list-representantes { width: 100%; margin: 0; } #representantes #mapas .list-representantes img{ width: 60px; height: 40px; } #representantes #mapas .list-representantes .item_block { } #representantes #mapas .list-representantes .item_block:first-of-type { } #representantes #mapas .list-representantes .item_block.active { } #representantes #mapas .list-representantes .item_block i { } #representantes #mapas .list-representantes .item_block div { width: 94%; margin: 0 0 0 3%; } #representantes #mapas .list-representantes .item_block div span { } #representantes #mapas .list-representantes .item_block div span a { } #representantes #mapas .list-representantes .item_block div span a:hover { } #representantes #mapas .list-representantes .item_block div span.country { } #representantes #mapas .list-representantes .item_block div span.state { } #representantes #mapas .list-representantes .item_block div span.local { } #representantes #mapas .list-representantes .item_block div span.local:after { } #representantes #mapas .list-representantes .item_block div span.name { } #representantes #mapas .list-representantes .item_block div span.tel { } #representantes #mapas .list-representantes .item_block div span.mail { } #representantes #mapas .list-representantes .item_block:first-of-type { } #representantes #mapas .list-representantes .item_block:last-of-type { } #representantes #mapas .list-representantes .item_block.replic-item { padding: 30px 0; } #representantes #mapas .list-representantes .item_block div.no-partner { } #representantes #mapas .list-representantes .item_block div.no-partner h2 { } #representantes #mapas .list-representantes .item_block div.no-partner p { } #representantes #mapas .list-representantes .item_block div.no-partner a { } #representantes #mapas .list-representantes .item_block div.no-partner a:hover { } }