/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .json-ld { display: none; } @font-face { font-family: 'ItauDisplay-Light'; font-style: normal; font-weight: 300; src: url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.svg#itau_displaylight") format("svg"); } @font-face { font-family: 'ItauDisplay-Regular'; font-style: normal; font-weight: normal; src: url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.svg#itau_displayregular") format("svg"); } @font-face { font-family: 'ItauDisplay-Bold'; font-style: normal; font-weight: bold; src: url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.svg#itau_displaybold") format("svg"); } @font-face { font-family: 'ItauDisplay-XBold'; font-style: normal; font-weight: 800; src: url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.svg#itau_displayxbold") format("svg"); } @font-face { font-family: 'itau-font'; font-style: normal; font-weight: 900; src: url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.svg#itau_displayblack") format("svg"); } @font-face { font-family: 'ItauText-Light'; font-style: normal; font-weight: 300; src: url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Lt.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Lt.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Lt.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Lt.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Lt.ttf") format("truetype"); } @font-face { font-family: 'ItauText-Regular'; font-style: normal; font-weight: normal; src: url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Rg.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Rg.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Rg.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Rg.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Rg.ttf") format("truetype"); } @font-face { font-family: 'ItauText-Bold'; font-style: normal; font-weight: 800; src: url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Bd.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Bd.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Bd.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Bd.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_Bd.ttf") format("truetype"); } @font-face { font-family: 'ItauText-XBold'; font-style: normal; font-weight: 900; src: url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_XBd.eot"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_XBd.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_XBd.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_XBd.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/ItauText/ItauText_XBd.ttf") format("truetype"); } @font-face { font-family: 'itau-icon'; font-style: normal; font-weight: normal; src: url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.svg#icomoon") format("svg"); } @font-face { font-family: 'itau-icon'; font-style: normal; font-weight: normal; src: url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot?#iefix") format("embedded-opentype"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff") format("woff"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff2") format("woff2"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.ttf") format("truetype"), url("clientlib-vendor/spec-former/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.svg#icomoon") format("svg"); } [class^='icon-'], [class*=' icon-'] { font-family: 'itau-icon' !important; font-style: normal; font-weight: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; font-variant: normal; -moz-osx-font-smoothing: grayscale; } .icon-itaufonts_5_servicos:before { content: '\e900'; } .icon-itaufonts_50_cinema:before { content: '\e901'; } .icon-itaufonts_50_futebol:before { content: '\e902'; } .icon-itaufonts_50_teatro:before { content: '\e903'; } .icon-itaufonts_acoes:before { content: '\e904'; } .icon-itaufonts_agencia_personalite:before { content: '\e905'; } .icon-itaufonts_agencia:before { content: '\e906'; } .icon-itaufonts_agil_descomplic:before { content: '\e907'; } .icon-itaufonts_ajuda:before { content: '\e908'; } .icon-itaufonts_alimentacao:before { content: '\e909'; } .icon-itaufonts_alvo:before { content: '\e90a'; } .icon-itaufonts_antecip_de_recebiveis:before { content: '\e90b'; } .icon-itaufonts_aplicacao:before { content: '\e90c'; } .icon-itaufonts_aplicativos:before { content: '\e90d'; } .icon-itaufonts_aporte_de_capital:before { content: '\e90e'; } .icon-itaufonts_ar_condicionado:before { content: '\e90f'; } .icon-itaufonts_armario:before { content: '\e910'; } .icon-itaufonts_arroba:before { content: '\e911'; } .icon-itaufonts_assessoria:before { content: '\e912'; } .icon-itaufonts_atend_telefonico:before { content: '\e913'; } .icon-itaufonts_atualizando:before { content: '\e914'; } .icon-itaufonts_autoriz_pelo_celular:before { content: '\e915'; } .icon-itaufonts_balanco_de_caixa:before { content: '\e916'; } .icon-itaufonts_bike:before { content: '\e917'; } .icon-itaufonts_biometria:before { content: '\e918'; } .icon-itaufonts_brilhos_nos_olhos:before { content: '\e919'; } .icon-itaufonts_busca_consulta:before { content: '\e91a'; } .icon-itaufonts_caixa_eletronico:before { content: '\e91b'; } .icon-itaufonts_caixas_exclusivos:before { content: '\e91c'; } .icon-itaufonts_calculadora:before { content: '\e91d'; } .icon-itaufonts_calendario:before { content: '\e91e'; } .icon-itaufonts_cambio:before { content: '\e91f'; } .icon-itaufonts_cartao_de_seguranca:before { content: '\e920'; } .icon-itaufonts_cartao:before { content: '\e921'; } .icon-itaufonts_carteirada:before { content: '\e922'; } .icon-itaufonts_cartoes:before { content: '\e923'; } .icon-itaufonts_celular_pre_pago:before { content: '\e924'; } .icon-itaufonts_celular:before { content: '\e925'; } .icon-itaufonts_chave_patrimonio:before { content: '\e926'; } .icon-itaufonts_check:before { content: '\e927'; } .icon-itaufonts_cheque:before { content: '\e928'; } .icon-itaufonts_cobranca_ativa:before { content: '\e929'; } .icon-itaufonts_coleta:before { content: '\e92a'; } .icon-itaufonts_compras_vendas:before { content: '\e92b'; } .icon-itaufonts_comprovante:before { content: '\e92c'; } .icon-itaufonts_computador_internet:before { content: '\e92d'; } .icon-itaufonts_conexao:before { content: '\e92e'; } .icon-itaufonts_configuracoes:before { content: '\e92f'; } .icon-itaufonts_cons_investimentos:before { content: '\e930'; } .icon-itaufonts_consorcio_auto:before { content: '\e931'; } .icon-itaufonts_consorcio_imobiliario:before { content: '\e932'; } .icon-itaufonts_consorcio:before { content: '\e933'; } .icon-itaufonts_conta_corrente:before { content: '\e934'; } .icon-itaufonts_contatos:before { content: '\e935'; } .icon-itaufonts_contin_negocios:before { content: '\e936'; } .icon-itaufonts_craques:before { content: '\e937'; } .icon-itaufonts_credito_auto:before { content: '\e938'; } .icon-itaufonts_credito_automatico:before { content: '\e939'; } .icon-itaufonts_credito_consignado:before { content: '\e93a'; } .icon-itaufonts_credito_imobiliario:before { content: '\e93b'; } .icon-itaufonts_credito_sob_medida:before { content: '\e93c'; } .icon-itaufonts_credito:before { content: '\e93d'; } .icon-itaufonts_cultura:before { content: '\e93e'; } .icon-itaufonts_curtir:before { content: '\e93f'; } .icon-itaufonts_debito:before { content: '\e940'; } .icon-itaufonts_deposito:before { content: '\e941'; } .icon-itaufonts_desbloqueio:before { content: '\e942'; } .icon-itaufonts_descurtir:before { content: '\e943'; } .icon-itaufonts_despesas_com_saude:before { content: '\e944'; } .icon-itaufonts_docs:before { content: '\e945'; } .icon-itaufonts_documento:before { content: '\e946'; } .icon-itaufonts_download:before { content: '\e947'; } .icon-itaufonts_e_comercial:before { content: '\e948'; } .icon-itaufonts_educacao_uso_consc:before { content: '\e949'; } .icon-itaufonts_email_resp_rapida:before { content: '\e94a'; } .icon-itaufonts_emprestimos:before { content: '\e94b'; } .icon-itaufonts_esportes:before { content: '\e94c'; } .icon-itaufonts_estrela:before { content: '\e94d'; } .icon-itaufonts_excel:before { content: '\e94e'; } .icon-itaufonts_exclamacao:before { content: '\e94f'; } .icon-itaufonts_excluir:before { content: '\e950'; } .icon-itaufonts_exclusivo_beneficios:before { content: '\e951'; } .icon-itaufonts_exportar:before { content: '\e952'; } .icon-itaufonts_extrato_lancamentos:before { content: '\e953'; } .icon-itaufonts_facebook:before { content: '\e954'; } .icon-itaufonts_fatura:before { content: '\e955'; } .icon-itaufonts_fechar:before { content: '\e956'; } .icon-itaufonts_filtro:before { content: '\e957'; } .icon-itaufonts_foco_inovacao:before { content: '\e958'; } .icon-itaufonts_garantia:before { content: '\e959'; } .icon-itaufonts_ger_dedicados:before { content: '\e95a'; } .icon-itaufonts_gerenciador_de_vendas:before { content: '\e95b'; } .icon-itaufonts_gerente:before { content: '\e95c'; } .icon-itaufonts_gestao_de_crises:before { content: '\e95d'; } .icon-itaufonts_hist_de_rentabilidade:before { content: '\e95e'; } .icon-itaufonts_impressora:before { content: '\e95f'; } .icon-itaufonts_informacao:before { content: '\e960'; } .icon-itaufonts_inss:before { content: '\e961'; } .icon-itaufonts_instagram:before { content: '\e962'; } .icon-itaufonts_maiores_limites:before { content: '\e963'; } .icon-itaufonts_institucional:before { content: '\e964'; } .icon-itaufonts_investimento:before { content: '\e965'; } .icon-itaufonts_ir:before { content: '\e966'; } .icon-itaufonts_iso:before { content: '\e967'; } .icon-itaufonts_itau_30_horas:before { content: '\e968'; } .icon-itaufonts_itoken_aplicativo:before { content: '\e969'; } .icon-itaufonts_itoken_chaveiro:before { content: '\e96a'; } .icon-itaufonts_itoken_sms:before { content: '\e96b'; } .icon-itaufonts_jornal:before { content: '\e96c'; } .icon-itaufonts_juros_descontos:before { content: '\e96d'; } .icon-itaufonts_lavagem_de_dinheiro:before { content: '\e96e'; } .icon-itaufonts_leitor_cod_barras:before { content: '\e96f'; } .icon-itaufonts_lideranca:before { content: '\e970'; } .icon-itaufonts_limites:before { content: '\e971'; } .icon-itaufonts_maiores_limites2:before { content: '\e972'; } .icon-itaufonts_mais:before { content: '\e973'; } .icon-itaufonts_mala:before { content: '\e974'; } .icon-itaufonts_maq_rede_cartao:before { content: '\e975'; } .icon-itaufonts_maquina_fotografica:before { content: '\e976'; } .icon-itaufonts_maximizar:before { content: '\e977'; } .icon-itaufonts_mercado_noticias:before { content: '\e978'; } .icon-itaufonts_minimizar:before { content: '\e979'; } .icon-itaufonts_mundo_mapa:before { content: '\e97a'; } .icon-itaufonts_notificacao:before { content: '\e97b'; } .icon-itaufonts_orientador_de_credito:before { content: '\e97c'; } .icon-itaufonts_outros:before { content: '\e97d'; } .icon-itaufonts_pagamentos_contas:before { content: '\e97e'; } .icon-itaufonts_paixao:before { content: '\e97f'; } .icon-itaufonts_para_empresa:before { content: '\e980'; } .icon-itaufonts_parcelamento:before { content: '\e981'; } .icon-itaufonts_pare_de_fumar:before { content: '\e982'; } .icon-itaufonts_pdf:before { content: '\e983'; } .icon-itaufonts_perfil_do_investidor:before { content: '\e984'; } .icon-itaufonts_pers_conta:before { content: '\e985'; } .icon-itaufonts_pgto_ao_fornecedor:before { content: '\e986'; } .icon-itaufonts_pjto_sucessorio:before { content: '\e987'; } .icon-itaufonts_portabilidade:before { content: '\e988'; } .icon-itaufonts_pos_maq_adquirente:before { content: '\e989'; } .icon-itaufonts_poupanca:before { content: '\e98a'; } .icon-itaufonts_premio:before { content: '\e98b'; } .icon-itaufonts_prevencao_de_fraude:before { content: '\e98c'; } .icon-itaufonts_previdencia:before { content: '\e98d'; } .icon-itaufonts_processos:before { content: '\e98e'; } .icon-itaufonts_produtos_servicos:before { content: '\e98f'; } .icon-itaufonts_programa_de_pontos:before { content: '\e990'; } .icon-itaufonts_radio:before { content: '\e991'; } .icon-itaufonts_reload:before { content: '\e992'; } .icon-itaufonts_relogio:before { content: '\e993'; } .icon-itaufonts_resgate:before { content: '\e994'; } .icon-itaufonts_residencia:before { content: '\e995'; } .icon-itaufonts_respons_social:before { content: '\e996'; } .icon-itaufonts_restaurar:before { content: '\e997'; } .icon-itaufonts_sair_do_vermelho:before { content: '\e998'; } .icon-itaufonts_salarios:before { content: '\e999'; } .icon-itaufonts_saldo:before { content: '\e99a'; } .icon-itaufonts_salvar:before { content: '\e99b'; } .icon-itaufonts_saque:before { content: '\e99c'; } .icon-itaufonts_seg_informacao:before { content: '\e99d'; } .icon-itaufonts_seg_patrimonial:before { content: '\e99e'; } .icon-itaufonts_seg_redes_sociais:before { content: '\e99f'; } .icon-itaufonts_seguranca:before { content: '\e9a0'; } .icon-itaufonts_seguro_auto:before { content: '\e9a1'; } .icon-itaufonts_seguro_cartao:before { content: '\e9a2'; } .icon-itaufonts_seguro_crianca:before { content: '\e9a3'; } .icon-itaufonts_seguro_de_credito:before { content: '\e9a4'; } .icon-itaufonts_seguro_empresas:before { content: '\e9a5'; } .icon-itaufonts_seguro_mulher:before { content: '\e9a6'; } .icon-itaufonts_seguro_patrimonial:before { content: '\e9a7'; } .icon-itaufonts_seguro_prestamista:before { content: '\e9a8'; } .icon-itaufonts_seguro_renda:before { content: '\e9a9'; } .icon-itaufonts_seguro_residencia:before { content: '\e9aa'; } .icon-itaufonts_seguro_resp_social:before { content: '\e9ab'; } .icon-itaufonts_seguro_transporte:before { content: '\e9ac'; } .icon-itaufonts_seguro_viagens:before { content: '\e9ad'; } .icon-itaufonts_seguro_vida:before { content: '\e9ae'; } .icon-itaufonts_seguros:before { content: '\e9af'; } .icon-itaufonts_senha:before { content: '\e9b0'; } .icon-itaufonts_seta:before { content: '\e9b1'; } .icon-itaufonts_sifrao:before { content: '\e9b2'; } .icon-itaufonts_sms_mensagem_chat:before { content: '\e9b3'; } .icon-itaufonts_sonho_grande:before { content: '\e9b4'; } .icon-itaufonts_sorriso:before { content: '\e9b5'; } .icon-itaufonts_sustentabilidade:before { content: '\e9b6'; } .icon-itaufonts_switch:before { content: '\e9b7'; } .icon-itaufonts_tablet:before { content: '\e9b8'; } .icon-itaufonts_telefone:before { content: '\e9b9'; } .icon-itaufonts_todos_pelo_cliente:before { content: '\e9ba'; } .icon-itaufonts_tranferencias:before { content: '\e9bb'; } .icon-itaufonts_transporte:before { content: '\e9bc'; } .icon-itaufonts_tv:before { content: '\e9bd'; } .icon-itaufonts_twitter:before { content: '\e9be'; } .icon-itaufonts_universitarios:before { content: '\e9bf'; } .icon-itaufonts_usuario_perfil:before { content: '\e9c0'; } .icon-itaufonts_veiculo:before { content: '\e9c1'; } .icon-itaufonts_viagem:before { content: '\e9c2'; } .icon-itaufonts_vida_sustentavel:before { content: '\e9c3'; } .icon-itaufonts_vida:before { content: '\e9c4'; } .icon-itaufonts_video:before { content: '\e9c5'; } .icon-itaufonts_word:before { content: '\e9c6'; } .icon-itaufonts_xicara:before { content: '\e9c7'; } .icon-itaufonts_compartilhar:before { content: '\e9c8'; } .icon-itaufonts_feedback:before { content: '\e9c9'; } .icon-itaufonts_relatorios_financeiros:before { content: '\e9ca'; } .icon-itaufonts_senha_stroke:before { content: '\e9cb'; } .icon-itaufonts_seta_down:before { content: '\e9cc'; } .icon-itaufonts_seta_right:before { content: '\e9cd'; } .icon-itaufonts_seta_up:before { content: '\e9ce'; } .icon-itaufonts_full_50_cinema:before { content: '\e9cf'; } .icon-itaufonts_full_50_futebol:before { content: '\e9d0'; } .icon-itaufonts_full_50_teatro:before { content: '\e9d1'; } .icon-itaufonts_full_agencia_personalite:before { content: '\e9d2'; } .icon-itaufonts_full_agencia:before { content: '\e9d3'; } .icon-itaufonts_full_agil_descomplic:before { content: '\e9d4'; } .icon-itaufonts_full_alimentacao:before { content: '\e9d5'; } .icon-itaufonts_full_alvo:before { content: '\e9d6'; } .icon-itaufonts_full_antecip_de_recebiveis:before { content: '\e9d7'; } .icon-itaufonts_full_aplicativos:before { content: '\e9d8'; } .icon-itaufonts_full_aporte_de_capital:before { content: '\e9d9'; } .icon-itaufonts_full_ar_condicionado:before { content: '\e9da'; } .icon-itaufonts_full_armario:before { content: '\e9db'; } .icon-itaufonts_full_atualizando:before { content: '\e9dc'; } .icon-itaufonts_full_autoriz_pelo_celular:before { content: '\e9dd'; } .icon-itaufonts_full_balanco_de_caixa:before { content: '\e9de'; } .icon-itaufonts_full_bike:before { content: '\e9df'; } .icon-itaufonts_full_biometria:before { content: '\e9e0'; } .icon-itaufonts_full_brilhos_nos_olhos:before { content: '\e9e1'; } .icon-itaufonts_full_busca_consulta:before { content: '\e9e2'; } .icon-itaufonts_full_caixa_eletronico:before { content: '\e9e3'; } .icon-itaufonts_full_calendario:before { content: '\e9e4'; } .icon-itaufonts_full_cambio:before { content: '\e9e5'; } .icon-itaufonts_full_cartao_de_seguranca:before { content: '\e9e6'; } .icon-itaufonts_full_cartao:before { content: '\e9e7'; } .icon-itaufonts_full_cartoes:before { content: '\e9e8'; } .icon-itaufonts_full_celular_pre_pago:before { content: '\e9e9'; } .icon-itaufonts_full_celular:before { content: '\e9ea'; } .icon-itaufonts_full_chave_patrimonio:before { content: '\e9eb'; } .icon-itaufonts_full_cheque:before { content: '\e9ec'; } .icon-itaufonts_full_coleta:before { content: '\e9ed'; } .icon-itaufonts_full_compras_vendas:before { content: '\e9ee'; } .icon-itaufonts_full_comprovante:before { content: '\e9ef'; } .icon-itaufonts_full_computador_internet:before { content: '\e9f0'; } .icon-itaufonts_full_configuracoes:before { content: '\e9f1'; } .icon-itaufonts_full_consorcio_auto:before { content: '\e9f2'; } .icon-itaufonts_full_consorcio_imobiliario:before { content: '\e9f3'; } .icon-itaufonts_full_consorcio:before { content: '\e9f4'; } .icon-itaufonts_full_conta_corrente:before { content: '\e9f5'; } .icon-itaufonts_full_contatos:before { content: '\e9f6'; } .icon-itaufonts_full_craques:before { content: '\e9f7'; } .icon-itaufonts_full_credito_auto:before { content: '\e9f8'; } .icon-itaufonts_full_credito_automatico:before { content: '\e9f9'; } .icon-itaufonts_full_credito_consignado:before { content: '\e9fa'; } .icon-itaufonts_full_credito_imobiliario:before { content: '\e9fb'; } .icon-itaufonts_full_credito_sob_medida:before { content: '\e9fc'; } .icon-itaufonts_full_credito:before { content: '\e9fd'; } .icon-itaufonts_full_cultura:before { content: '\e9fe'; } .icon-itaufonts_full_curtir:before { content: '\e9ff'; } .icon-itaufonts_full_debito:before { content: '\ea00'; } .icon-itaufonts_full_desbloqueio:before { content: '\ea01'; } .icon-itaufonts_full_descurtir:before { content: '\ea02'; } .icon-itaufonts_full_despesas_com_saude:before { content: '\ea03'; } .icon-itaufonts_full_docs:before { content: '\ea04'; } .icon-itaufonts_full_documento:before { content: '\ea05'; } .icon-itaufonts_full_download:before { content: '\ea06'; } .icon-itaufonts_full_educacao_uso_consc:before { content: '\ea07'; } .icon-itaufonts_full_email_resp_rapida:before { content: '\ea08'; } .icon-itaufonts_full_emprestimos:before { content: '\ea09'; } .icon-itaufonts_full_esportes:before { content: '\ea0a'; } .icon-itaufonts_full_estrela:before { content: '\ea0b'; } .icon-itaufonts_full_excel:before { content: '\ea0c'; } .icon-itaufonts_full_exclamacao:before { content: '\ea0d'; } .icon-itaufonts_full_excluir:before { content: '\ea0e'; } .icon-itaufonts_full_exclusivo_beneficios:before { content: '\ea0f'; } .icon-itaufonts_full_exportar:before { content: '\ea10'; } .icon-itaufonts_full_facebook:before { content: '\ea11'; } .icon-itaufonts_full_fatura:before { content: '\ea12'; } .icon-itaufonts_full_filtro:before { content: '\ea13'; } .icon-itaufonts_full_foco_inovacao:before { content: '\ea14'; } .icon-itaufonts_full_garantia:before { content: '\ea15'; } .icon-itaufonts_full_gerenciador_de_vendas:before { content: '\ea16'; } .icon-itaufonts_full_gerente:before { content: '\ea17'; } .icon-itaufonts_full_gestao_de_crises:before { content: '\ea18'; } .icon-itaufonts_full_hist_de_rentabilidade:before { content: '\ea19'; } .icon-itaufonts_full_impressora:before { content: '\ea1a'; } .icon-itaufonts_full_informacao:before { content: '\ea1b'; } .icon-itaufonts_full_instagram:before { content: '\ea1c'; } .icon-itaufonts_full_institucional:before { content: '\ea1d'; } .icon-itaufonts_full_investimento:before { content: '\ea1e'; } .icon-itaufonts_full_itau_30_horas:before { content: '\ea1f'; } .icon-itaufonts_full_itoken_aplicativo:before { content: '\ea20'; } .icon-itaufonts_full_itoken_chaveiro:before { content: '\ea21'; } .icon-itaufonts_full_itoken_sms:before { content: '\ea22'; } .icon-itaufonts_full_jornal:before { content: '\ea23'; } .icon-itaufonts_full_lavagem_de_dinheiro:before { content: '\ea24'; } .icon-itaufonts_full_lideranca:before { content: '\ea25'; } .icon-itaufonts_full_limites:before { content: '\ea26'; } .icon-itaufonts_full_maiores_limites:before { content: '\ea27'; } .icon-itaufonts_full_mala:before { content: '\ea28'; } .icon-itaufonts_full_maq_rede_cartao:before { content: '\ea29'; } .icon-itaufonts_full_maquina_fotografica:before { content: '\ea2a'; } .icon-itaufonts_full_maximizar:before { content: '\ea2b'; } .icon-itaufonts_full_mercado_noticias:before { content: '\ea2c'; } .icon-itaufonts_full_minimizar:before { content: '\ea2d'; } .icon-itaufonts_full_mundo_mapa:before { content: '\ea2e'; } .icon-itaufonts_full_notificacao:before { content: '\ea2f'; } .icon-itaufonts_full_orientador_de_credito:before { content: '\ea30'; } .icon-itaufonts_full_paixao:before { content: '\ea31'; } .icon-itaufonts_full_para_empresa:before { content: '\ea32'; } .icon-itaufonts_full_parcelamento:before { content: '\ea33'; } .icon-itaufonts_full_pare_de_fumar:before { content: '\ea34'; } .icon-itaufonts_full_pdf:before { content: '\ea35'; } .icon-itaufonts_full_perfil_do_investidor:before { content: '\ea36'; } .icon-itaufonts_full_pers_conta:before { content: '\ea37'; } .icon-itaufonts_full_pgto_ao_fornecedor:before { content: '\ea38'; } .icon-itaufonts_full_pjto_sucessorio:before { content: '\ea39'; } .icon-itaufonts_full_portabilidade:before { content: '\ea3a'; } .icon-itaufonts_full_pos_maq_adquirente:before { content: '\ea3b'; } .icon-itaufonts_full_poupanca:before { content: '\ea3c'; } .icon-itaufonts_full_premio:before { content: '\ea3d'; } .icon-itaufonts_full_prevencao_de_fraude:before { content: '\ea3e'; } .icon-itaufonts_full_previdencia:before { content: '\ea3f'; } .icon-itaufonts_full_processos:before { content: '\ea40'; } .icon-itaufonts_full_produtos_servicos:before { content: '\ea41'; } .icon-itaufonts_full_programa_de_pontos:before { content: '\ea42'; } .icon-itaufonts_full_radio:before { content: '\ea43'; } .icon-itaufonts_full_relogio:before { content: '\ea44'; } .icon-itaufonts_full_residencia:before { content: '\ea45'; } .icon-itaufonts_full_respons_social:before { content: '\ea46'; } .icon-itaufonts_full_restaurar:before { content: '\ea47'; } .icon-itaufonts_full_salarios:before { content: '\ea48'; } .icon-itaufonts_full_saldo:before { content: '\ea49'; } .icon-itaufonts_full_salvar:before { content: '\ea4a'; } .icon-itaufonts_full_seg_informacao:before { content: '\ea4b'; } .icon-itaufonts_full_seg_patrimonial:before { content: '\ea4c'; } .icon-itaufonts_full_seg_redes_sociais:before { content: '\ea4d'; } .icon-itaufonts_full_seguranca:before { content: '\ea4e'; } .icon-itaufonts_full_seguro_auto:before { content: '\ea4f'; } .icon-itaufonts_full_seguro_cartao:before { content: '\ea50'; } .icon-itaufonts_full_seguro_crianca:before { content: '\ea51'; } .icon-itaufonts_full_seguro_de_credito:before { content: '\ea52'; } .icon-itaufonts_full_seguro_empresas:before { content: '\ea53'; } .icon-itaufonts_full_seguro_mulher:before { content: '\ea54'; } .icon-itaufonts_full_seguro_patrimonial:before { content: '\ea55'; } .icon-itaufonts_full_seguro_prestamista:before { content: '\ea56'; } .icon-itaufonts_full_seguro_renda:before { content: '\ea57'; } .icon-itaufonts_full_seguro_residencia:before { content: '\ea58'; } .icon-itaufonts_full_seguro_resp_social:before { content: '\ea59'; } .icon-itaufonts_full_seguro_transporte:before { content: '\ea5a'; } .icon-itaufonts_full_seguro_viagens:before { content: '\ea5b'; } .icon-itaufonts_full_seguro_vida:before { content: '\ea5c'; } .icon-itaufonts_full_senha:before { content: '\ea5d'; } .icon-itaufonts_full_sms_mensagem_chat:before { content: '\ea5e'; } .icon-itaufonts_full_sonho_grande:before { content: '\ea5f'; } .icon-itaufonts_full_sorriso:before { content: '\ea60'; } .icon-itaufonts_full_sustentabilidade:before { content: '\ea61'; } .icon-itaufonts_full_switch:before { content: '\ea62'; } .icon-itaufonts_full_tablet:before { content: '\ea63'; } .icon-itaufonts_full_telefone:before { content: '\ea64'; } .icon-itaufonts_full_todos_pelo_cliente:before { content: '\ea65'; } .icon-itaufonts_full_transporte:before { content: '\ea66'; } .icon-itaufonts_full_twitter:before { content: '\ea67'; } .icon-itaufonts_full_universitarios:before { content: '\ea68'; } .icon-itaufonts_full_usuario_perfil:before { content: '\ea69'; } .icon-itaufonts_full_veiculo:before { content: '\ea6a'; } .icon-itaufonts_full_viagem:before { content: '\ea6b'; } .icon-itaufonts_full_vida_sustentavel:before { content: '\ea6c'; } .icon-itaufonts_full_vida:before { content: '\ea6d'; } .icon-itaufonts_full_video:before { content: '\ea6e'; } .icon-itaufonts_full_word:before { content: '\ea6f'; } .icon-itaufonts_full_xicara:before { content: '\ea70'; } .icon-itaufonts_full_compartilhar:before { content: '\ea71'; } .icon-itaufonts_full_feedback:before { content: '\ea72'; } .icon-itaufonts_full_relatorios_financeiros:before { content: '\ea73'; } .icon-itaufonts_full_senha_fill:before { content: '\ea74'; } .icon-itaufonts_seta_achatada:before { content: '\ea75'; } .icon-itaufonts_menu_hamburguer:before { content: '\ea76'; } .icon-itaufonts_seta_achatada_up:before { content: '\ea77'; } .icon-itaufonts_full_venda:before { content: '\ea78'; } .icon-itaufonts_full_compra:before { content: '\ea79'; } .icon-itaufonts_venda:before { content: '\ea7a'; } .icon-itaufonts_compra:before { content: '\ea7b'; } .icon-itaufonts_atendimento_2:before { content: '\ea7c'; } .icon-itaufonts_senha_stroke_slim:before { content: '\ea7d'; } .icon-itaufonts_full_atendimento:before { content: '\ea7e'; } .icon-itaufonts_chat_entregue:before { content: '\ea7f'; } .icon-itaufonts_chat_enviado:before { content: '\ea80'; } .icon-itaufonts_full_chat_erro:before { content: '\ea81'; } .icon-itaufonts_chat_erro:before { content: '\ea82'; } .icon-itaufonts_full_chat_aguardando:before { content: '\ea83'; } .icon-itaufonts_chat_aguardando:before { content: '\ea84'; } .icon-itaufonts_full_microfone:before { content: '\ea85'; } .icon-itaufonts_microfone:before { content: '\ea86'; } .icon-itaufonts_timeline:before { content: '\ea87'; } .icon-itaufonts_vestuario:before { content: '\ea88'; } .icon-itaufonts_full_vestuario:before { content: '\ea89'; } .icon-itaufonts_full_olho_inativo:before { content: '\ea8a'; } .icon-itaufonts_full_olho_ativo:before { content: '\ea8b'; } .icon-itaufonts_outline_olho_inativo:before { content: '\ea8c'; } .icon-itaufonts_outline_olho_ativo:before { content: '\ea8d'; } .icon-itaufonts_full_seguro_pet:before { content: '\ea8e'; } .icon-itaufonts_outline_seguro_pet:before { content: '\ea8f'; } .icon-itaufonts_full_pet:before { content: '\ea90'; } .icon-itaufonts_outline_pet:before { content: '\ea91'; } .icon-itaufonts_full_carteira_digital:before { content: '\ea92'; } .icon-itaufonts_outline_carteira_digital:before { content: '\ea93'; } .icon-itaufonts_full_compras:before { content: '\ea94'; } .icon-itaufonts_outline_compras:before { content: '\ea95'; } .icon-itaufonts_outline_suporte:before { content: '\ea96'; } .icon-itaufonts_full_suporte:before { content: '\ea97'; } .icon-itaufonts_outline_checkbox:before { content: '\ea98'; } .icon-itaufonts_outline_enviar:before { content: '\ea9a'; } .icon-itaufonts_full_checkbox:before { content: '\ea9b'; } .icon-itaufonts_full_enviar:before { content: '\ea9c'; } [data-segment='personnalite'] .table-profitability-shared__tag ul li:hover, [data-segment='personnalite'] .table-profitability-shared__tag ul li:active, [data-segment='personnalite'] .table-profitability-shared__tag ul li:focus, [data-segment='personnalite'] .table-profitability-shared__tag ul li.active { border-bottom: 3px solid #D0A967; } [data-segment='personnalite'] .table-profitability-shared__body .dot-filled { background: #876632; } [data-segment='personnalite'] .table-profitability-shared__content-table table .order-column:after { color: #876632; } [data-segment='personnalite'] .table-profitability-shared__body .dot-filled { color: #876632; } [data-segment='personnalite'] .itau-form .customized-select li:focus { border: 1px solid #876632; } [data-segment='personnalite'] .itau-form .customized-select li:hover { border: 1px solid #876632; } [data-segment='personnalite'] .itau-form .check-radio-handler input:first-child:checked + label::before { background-color: #D0A967; border-color: #D0A967; } [data-segment='uniclass'] .itau-form h3, [data-segment='uniclass'] .itau-form h4, [data-segment='uniclass'] .itau-form h5 { color: #4F758B; } [data-segment='personnalite'] .itau-form h3, [data-segment='personnalite'] .itau-form h4, [data-segment='personnalite'] .itau-form h5 { color: #252220; } [data-segment='empresas'] .itau-form h3, [data-segment='empresas'] .itau-form h4, [data-segment='empresas'] .itau-form h5 { color: #003767; } [data-segment='private'] .itau-form h3, [data-segment='private'] .itau-form h4, [data-segment='private'] .itau-form h5 { color: #252220; } [data-segment='varejo'] .itau-form h2, [data-segment='uniclass'] .itau-form h2, [data-segment='private'] .itau-form h2, [data-segment='personnalite'] .itau-form h2, [data-segment='empresas'] .itau-form h2, [data-segment='cartoes'] .itau-form h2 { color: #252220; } [data-segment='personnalite'] .itau-form .button-main { background-color: #D0A967; color: #252220; } [data-segment='personnalite'] .itau-form .button-main:hover { background-color: #AD8748; } .default-padding-bottom { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .default-padding-bottom { padding-bottom: 32px; } } [data-segment] .bg-blue:not(.keep-color-text) h2, [data-segment] .bg-blue:not(.keep-color-text) h3, [data-segment] .bg-blue:not(.keep-color-text) h4, [data-segment] .bg-blue:not(.keep-color-text) h5, [data-segment] .bg-blue:not(.keep-color-text) h6, [data-segment] .bg-blue:not(.keep-color-text) p, [data-segment] .bg-gradient-blue:not(.keep-color-text) h2, [data-segment] .bg-gradient-blue:not(.keep-color-text) h3, [data-segment] .bg-gradient-blue:not(.keep-color-text) h4, [data-segment] .bg-gradient-blue:not(.keep-color-text) h5, [data-segment] .bg-gradient-blue:not(.keep-color-text) h6, [data-segment] .bg-gradient-blue:not(.keep-color-text) p, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h2, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h3, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h4, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h5, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h6, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) p, [data-segment] .bg-gradient-orange:not(.keep-color-text) h2, [data-segment] .bg-gradient-orange:not(.keep-color-text) h3, [data-segment] .bg-gradient-orange:not(.keep-color-text) h4, [data-segment] .bg-gradient-orange:not(.keep-color-text) h5, [data-segment] .bg-gradient-orange:not(.keep-color-text) h6, [data-segment] .bg-gradient-orange:not(.keep-color-text) p { color: #FFFFFF; } [data-segment='varejo'] h3, [data-segment='varejo'] h4, [data-segment='varejo'] h5 { color: #252220; } [data-segment='empresas'] h3, [data-segment='empresas'] h4, [data-segment='empresas'] h5 { color: #252220; } [data-segment='uniclass'] h3, [data-segment='uniclass'] h4, [data-segment='uniclass'] h5 { color: #252220; } [data-segment='cartoes'] h3, [data-segment='cartoes'] h4, [data-segment='cartoes'] h5 { color: #252220; } [data-segment='private'] h3, [data-segment='private'] h4, [data-segment='private'] h5 { color: #252220; } [data-segment='personnalite'] h3, [data-segment='personnalite'] h4, [data-segment='personnalite'] h5 { color: #252220; } [data-segment='varejo'] h2 { color: #EC7000; } [data-segment='empresas'] h2 { color: #003767; } [data-segment='uniclass'] h2 { color: #757575; } [data-segment='cartoes'] h2 { color: #003399; } [data-segment='private'] h2 { color: #7C746C; } [data-segment='personnalite'] h2 { color: #876632; } [data-segment] .third-level h2 { color: #252220; } [data-segment] .title-d-container__overwrite, [data-segment] .title-d-container__subtitle, [data-segment] .title-d-container__description { color: #252220; } [data-segment] .bg-grey .title-d-container__title, [data-segment] .bg-grey .title-d-container__subtitle, [data-segment] .bg-grey .title-d-container__overwrite, [data-segment] .bg-grey .title-d-container__description { color: #252220; } [data-segment='empresas'] .bg-grey .title-d-container__title, [data-segment='empresas'] .bg-grey .title-d-container__subtitle, [data-segment='empresas'] .bg-grey .title-d-container__overwrite, [data-segment='empresas'] .bg-grey .title-d-container__description { color: #003767; } [data-segment] .bg-blue .title-d-container__title, [data-segment] .bg-blue .title-d-container__subtitle, [data-segment] .bg-blue .title-d-container__overwrite, [data-segment] .bg-blue .title-d-container__description, [data-segment] .bg-varejo .title-d-container__title, [data-segment] .bg-varejo .title-d-container__subtitle, [data-segment] .bg-varejo .title-d-container__overwrite, [data-segment] .bg-varejo .title-d-container__description, [data-segment] .bg-image .title-d-container__title, [data-segment] .bg-image .title-d-container__subtitle, [data-segment] .bg-image .title-d-container__overwrite, [data-segment] .bg-image .title-d-container__description { color: #FFFFFF; } html body, html h2, html h3, html h4, html h5, html h6, html p { font-family: "ItauDisplay-Regular", "Myriad Pro", Arial; } .hover-animation { position: relative; } .hover-animation:before { content: ''; height: 4px; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.3s ease-in-out; width: 0; z-index: 10; } [data-segment='varejo'] .hover-animation:before, [data-segment='uniclass'] .hover-animation:before, [data-segment='private'] .hover-animation:before, [data-segment='cartoes'] .hover-animation:before { background-color: #EC7000; } [data-segment='empresas'] .hover-animation:before { background-color: #003767; } [data-segment='personnalite'] .hover-animation:before { background-color: #D0A967; } .hover-animation:hover:before { width: 100%; } .spec-former__form-input { position: relative; margin: 16px 0; font-family: "ItauText-Regular", "Myriad Pro", Arial; transition: all 0.2s; } .spec-former__form-input.--touched { margin-top: 24px; } .spec-former__form-input.--error { margin-bottom: 32px; } .spec-former__form-input__password-see-button { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #56504C; font-size: 26px; z-index: 98; border: none; background: transparent; } .spec-former__form-input__label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); transition: 0.2s all; font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #56504C; pointer-events: none; z-index: 90; font-size: 16px; } .spec-former__form-input__label.--disabled { color: #D6D0CC; } .spec-former__form-input__label.--touched { top: 0; background-color: white; padding: 0 10px; font-size: 14px; } .spec-former__form-input__input { width: 100%; position: relative; background-color: transparent; text-align: left; padding: 18px 16px 16px; border: solid 1px #56504C; border-radius: 2px; color: #56504C; box-sizing: border-box; max-height: 56px; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 22px; } .spec-former__form-input__input:last-child { margin: 0 0 14px; } .spec-former__form-input__input:disabled { border-color: #D6D0CC; color: #D6D0CC; } .spec-former__form-input__input.--open { border-color: #EC7000; } .spec-former__form-input__input.--error { border-color: #781B8E !important; } .spec-former__form-input__input:focus { outline-color: #EC7000 !important; border-color: #EC7000; } .spec-former__form-input__tooltip-button { position: absolute; background-color: transparent; border: none; bottom: 0; } .spec-former__form-input__tooltip-button__icon { pointer-events: none; color: #106EB0; } .spec-former__form-input__tooltip { width: 300px; position: absolute; background-color: #106EB0; border-radius: 4px; padding: 8px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 24px; font-size: 14px; right: -15px; top: 90%; z-index: 99; } @media only screen and (min-width: 1400px) { .spec-former__form-input__tooltip { right: -64%; top: 20%; } } .spec-former__form-input__tooltip__arrow { position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 12px solid #106EB0; top: -5px; right: 7px; } @media only screen and (min-width: 576px) { .spec-former__form-input__tooltip__arrow { right: 16px; } } @media only screen and (min-width: 992px) { .spec-former__form-input__tooltip__arrow { border-top: 7px solid transparent !important; border-right: 12px solid #106EB0 !important; border-bottom: 7px solid transparent !important; border-left: 0px !important; left: -8px; top: 9px; } } .spec-former__form-input__counter-label { position: absolute; right: 24px; font-size: 12px; } .spec-former__form-input__counter-fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } .spec-former__form-input__error-message { position: absolute; left: 16px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 12px; color: #781B8E; letter-spacing: 0; line-height: 16px; padding-right: 40px; } .spec-former__form-input__error-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #781B8E; font-size: 26px; background-color: #FFFFFF; z-index: 99; } .spec-former__form-input__select { position: relative; margin: 16px 0; } .spec-former__form-input__select:first-child { margin: 0 0 16px; } .spec-former__form-input__select__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; pointer-events: none; color: #56504C; } .spec-former__form-input__select__icon.--disabled { color: #D6D0CC; } .spec-former__form-input__select__icon.--open { border-color: #EC7000; } .spec-former__form-input__select__icon:focus { outline-color: #EC7000 !important; border-color: #EC7000; } .spec-former__form-input__select__input { width: 100%; position: relative; background-color: transparent; text-align: left; padding: 18px 40px 16px 16px; border: solid 1px #56504C; border-radius: 2px; color: #56504C; box-sizing: border-box; max-height: 56px; white-space: nowrap; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 22px; } .spec-former__form-input__select__input:focus { outline-color: #EC7000; } .spec-former__form-input__select__input:focus + .spec-former__form-input__select__icon { color: #EC7000; } .spec-former__form-input__select__input::-ms-expand { display: none; } .spec-former__form-input__select__input:disabled { border-color: #D6D0CC; color: #D6D0CC; } .spec-former__form-input__select__input.--error { border-color: #781B8E !important; } .spec-former__form-input__select__input:focus { outline: 1px solid #EC7000; border-color: #EC7000; } .spec-former__form-input__select__input:focus ~ .spec-former__form-input__select__icon { color: #EC7000; } .spec-former__form-input__radio-button { display: block; position: relative; padding-top: 2px; margin-bottom: 20px; font-size: 16px; user-select: none; color: #231D19 !important; } .spec-former__form-input__radio-button__label { position: relative; padding-left: 29px; } .spec-former__form-input__radio-button__label::before { border-radius: 50%; content: ''; display: inline-block; height: 18px; width: 18px; background-color: #FFFFFF; border: 1px solid #231D19; border-radius: 50%; position: absolute; margin-left: -29px; cursor: pointer; } .spec-former__form-input__radio-button__input { position: absolute; margin: 0; height: 18px; width: 18px; } .spec-former__form-input__radio-button__input:checked ~ .spec-former__form-input__radio-button__label::before { background-color: #EC7000; border-color: #EC7000; } .spec-former__form-input__checkbox { display: inline-block; position: relative; padding-left: 28px; padding-top: 2px; margin-bottom: 12px; margin-right: 20px; cursor: pointer; font-size: 16px; user-select: none; } .spec-former__form-input__checkbox__input { position: absolute; opacity: 0; cursor: pointer; } .spec-former__form-input__checkbox__input:checked ~ .spec-former__form-input__checkbox__checkmark { background-color: #EC7000; border: 1px solid #EC7000; } .spec-former__form-input__checkbox__input:checked ~ .spec-former__form-input__checkbox__checkmark:after { content: ''; display: inline-block; position: absolute; top: -4px; left: -1px; width: 6px; height: 11px; border: solid 1.45px #fff; border-top: none; border-left: none; transform: translate(6.5px, 4.5px) rotate(45deg); } .spec-former__form-input__checkbox__checkmark { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #231D19; border-radius: 3px; } .spec-former .--error { border-color: #781B8E !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider .slick-loading .slick-list { background: #fff url('clientlib-vendor/slick/images/ajax-loader.gif') center center no-repeat; } */ /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('clientlib-vendor/slick/fonts/slick.eot'); src: url('clientlib-vendor/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-vendor/slick/fonts/slick.woff') format('woff'), url('clientlib-vendor/slick/fonts/slick.ttf') format('truetype'), url('clientlib-vendor/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { /* max-width: 100%; */ overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } /*.lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; }*/ .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } /* * This combined file was created by the DataTables downloader builder: * https://datatables.net/download * * To rebuild or modify this file with the latest versions of the included * software please visit: * https://datatables.net/download/#dt/dt-1.10.20 * * Included libraries: * DataTables 1.10.20 */ table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("clientlib-vendor/datatable/css/DataTables-1.10.20/images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("clientlib-vendor/datatable/css/DataTables-1.10.20/images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("clientlib-vendor/datatable/css/DataTables-1.10.20/images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("clientlib-vendor/datatable/css/DataTables-1.10.20/images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("clientlib-vendor/datatable/css/DataTables-1.10.20/images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}} /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# sourceMappingURL=bootstrap.min.css.map */ @charset "UTF-8"; @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /* * grid_base.less is a file provided by AEM. * For portability between versions of AEM the file has been copied into Itau project's client library. * * 6.3 Path to Responsive Grid: /etc/clientlibs/wcm/foundation/grid/grid_base.less * 6.4 Path to Responsive Grid: /libs/wcm/foundation/clientlibs/grid/grid_base.less * */ /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* Generates all the rules for the grid columns up to the given amount of column */ /* Generates all the rules for the grid column offset up to the given amount of column */ /* Generates all the rules for the grid and columns for the given break point and total of columns */ /* Generates all the rules for the grids and columns */ /* API function to be called to generate a grid config */ /* maximum amount of grid cells to be provided */ /* default breakpoint */ .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { /* hide behavior */ display: none; } /* phone breakpoint */ @media (max-width: 576px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { /* hide behavior */ display: none; } } /* tablet breakpoint */ @media (min-width: 577px) and (max-width: 768px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { /* hide behavior */ display: none; } } .social-media { text-align: center; margin-top: 32px; background-color: transparent; } @media only screen and (min-width: 768px) { .social-media { text-align: left; margin-bottom: 32px; } } @media only screen and (min-width: 992px) { .social-media { margin-top: 40px; } } @media only screen and (min-width: 1200px) { .social-media { margin-top: 56px; } } .social-media .social-text-cta { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; color: #FFFFFF; line-height: 28px; text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .social-media .social-text-cta { text-align: left; } } @media only screen and (min-width: 992px) { .social-media .social-text-cta { margin-bottom: 29px; } } @media only screen and (min-width: 1200px) { .social-media .social-text-cta { margin-bottom: 28px; } } .social-media .social-icons a { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; margin-right: 24px; } .social-media .social-icons a:last-child { margin-right: 0px; } .social-media .social-icons a:hover { text-decoration: none; } div.container-content { display: none; padding: 2.3% 11% 2.3% 11.5%; } div.container-content.searchHeader { height: 80px; max-height: 120px; } div.container-content.searchHeader h1.smallsize { font-size: 26px; } div.container-content.searchHeader.doYMean { height: 101px !important; } @media screen and (min-width: 768px) and (max-width: 991px) { div.container-content.searchHeader.doYMean { height: 82px !important; margin-top: 39px; margin-left: 6px; } } @media screen and (min-width: 576px) and (max-width: 767px) { div.container-content.searchHeader.doYMean { height: 79px !important; margin-top: 30px; margin-left: -12px; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content.searchHeader.doYMean { height: 107px !important; margin-top: 20px; margin-left: -3%; } div.container-content.searchHeader.doYMean h1 { font-size: 20px; } div.container-content.searchHeader.doYMean p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content.searchHeader { height: 100px; } } @media only screen and (max-width: 319px) { div.container-content { flex-direction: column; padding: 0; } } @media screen and (min-width: 320px) and (max-width: 991px) { div.container-content { flex-direction: column; padding: 0; } } @media screen and (min-width: 992px) and (max-width: 1199px) { div.container-content { padding: 2.3% 3% 2.3% 5%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { div.container-content { padding: 2.3% 3% 2.3% 5%; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { div.container-content { padding: 2.3% 3% 2.3% 11.5%; } } @media only screen and (min-width: 1400px) { div.container-content { padding: 2.3% 3% 2.3% 11.5%; } } div.container-content .searchResultBody { margin-top: -15px; } div.container-content .container-filtro { height: 100%; padding: 24px 24px 0 0; background-color: #EFE9E5; border-radius: 8px; height: 100%; margin-right: 30px; } @media only screen and (max-width: 991px) { div.container-content .container-filtro { padding: 0; margin-right: 0; border-radius: 0; } } div.container-content .container-filtro .title-filter { font-family: ItauDisplay-XBold; color: #252220; font-size: 24px; line-height: 32px; margin-bottom: 32px; padding: 0 24px; } @media only screen and (max-width: 319px) { div.container-content .container-filtro .title-filter { display: none !important; } } @media screen and (min-width: 320px) and (max-width: 991px) { div.container-content .container-filtro .title-filter { display: none !important; } } div.container-content .container-filtro .title-filter-button { background: none; border: none; border-bottom: 1px solid #D9D3CF; color: #252220; font-family: ItauDisplay-XBold; font-size: 24px; line-height: 32px; margin-bottom: 0; padding: 0 24px; text-align: left; width: 100%; } @media screen and (min-width: 768px) and (max-width: 991px) { div.container-content .container-filtro .title-filter-button { padding: 15px 30px !important; } } @media only screen and (min-width: 992px) { div.container-content .container-filtro .title-filter-button { display: none !important; } } @media only screen and (max-width: 991px) { div.container-content .container-filtro .title-filter-button { padding: 15px; } } div.container-content .container-filtro button:focus { outline: none; } @media screen and (min-width: 320px) and (max-width: 991px) { div.container-content .container-filtro .collapse-menu { margin-top: 20px; } } @media screen and (min-width: 576px) and (max-width: 991px) { div.container-content .container-filtro .collapse-menu .content-menu { width: 45%; float: left; } } div.container-content .container-filtro h3 { font-family: ItauDisplay-Bold; font-size: 20px; line-height: 33px; margin-bottom: 19px; padding: 0 24px; } div.container-content .container-filtro .filter-list { list-style: none; margin: 0 0 31px 0; padding: 0 0 0 24px; } div.container-content .container-filtro .filter-list .active::before { content: " "; background-color: #EC7000; height: 30px; left: 11.5%; position: absolute; width: 3px; } @media only screen and (max-width: 319px) { div.container-content .container-filtro .filter-list .active::before { left: 7%; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .container-filtro .filter-list .active::before { left: 7%; } } @media screen and (min-width: 576px) and (max-width: 575px) { div.container-content .container-filtro .filter-list .active::before { left: 4%; } } @media screen and (min-width: 768px) and (max-width: 991px) { div.container-content .container-filtro .filter-list .active::before { left: 3%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { div.container-content .container-filtro .filter-list .active::before { left: 5%; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { div.container-content .container-filtro .filter-list .active::before { left: 5%; } } @media only screen and (min-width: 1400px) { div.container-content .container-filtro .filter-list .active::before { left: 11.5%; } } div.container-content .container-filtro .segmentos .active::before { content: " "; background-color: #EC7000; height: 30px; left: 11.5%; position: absolute; width: 3px; } @media only screen and (max-width: 319px) { div.container-content .container-filtro .segmentos .active::before { left: 7%; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .container-filtro .segmentos .active::before { left: 7%; } } @media screen and (min-width: 576px) and (max-width: 575px) { div.container-content .container-filtro .segmentos .active::before { left: 48%; } } @media screen and (min-width: 576px) and (max-width: 991px) { div.container-content .container-filtro .segmentos .active::before { left: 48%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { div.container-content .container-filtro .segmentos .active::before { left: 5%; } } @media screen and (min-width: 1200px) and (max-width: 1399px) { div.container-content .container-filtro .segmentos .active::before { left: 5%; } } @media only screen and (min-width: 1400px) { div.container-content .container-filtro .segmentos .active::before { left: 11.5%; } } div.container-content .container-filtro .filter li, div.container-content .container-filtro .segmentos li { margin-bottom: 8px; cursor: pointer; line-height: 24px; margin-bottom: 8px; font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; } @media screen and (min-width: 992px) and (max-width: 1199px) { div.container-content .container-filtro .filter li, div.container-content .container-filtro .segmentos li { padding-left: 10px; } } @media only screen and (max-width: 991px) { div.container-content .container-filtro .filter li, div.container-content .container-filtro .segmentos li { padding-left: 10px; } } div.container-content .content-resultados-buscas { width: 100%; } @media only screen and (max-width: 319px) { div.container-content .content-resultados-buscas { margin-top: 30px; padding: 10px; width: 100%; } } @media screen and (min-width: 320px) and (max-width: 767px) { div.container-content .content-resultados-buscas { margin-top: 30px; padding: 10px; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 991px) { div.container-content .content-resultados-buscas { margin-top: 40px; padding: 10px; width: 100%; } } div.container-content .content-resultados-buscas h1 { font-family: ItauDisplay-XBold; font-size: 32px; line-height: 36px; color: #252220; } div.container-content .content-resultados-buscas .sub-title { font-family: ItauText-Regular; font-size: 18px; color: #312D2B; line-height: 27px; margin-bottom: 32px; padding-left: 1%; } @media only screen and (max-width: 575px) { div.container-content .content-resultados-buscas .sub-title { font-size: 16px; } } div.container-content .content-resultados-buscas .result-box h4, div.container-content .content-resultados-buscas .result-box p { text-align: justify !important; } div.container-content .content-resultados-buscas .result-box a { margin-top: 15px; display: block; } div.container-content .content-resultados-buscas .result-box a { color: #231D19; } div.container-content .content-resultados-buscas .result-box a:hover { text-decoration: none; } div.container-content .content-resultados-buscas .result-box .resultado-busca { border-bottom: 1px solid #EAEAEA; padding: 5px 10px 20px 10px; margin-top: 2%; } @media screen and (min-width: 576px) and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca { max-width: 95%; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .content-resultados-buscas .result-box .resultado-busca { max-width: 260px; max-height: 290px; } } @media only screen and (max-width: 319px) { div.container-content .content-resultados-buscas .result-box .resultado-busca { max-width: 265px; max-height: 290px; } } div.container-content .content-resultados-buscas .result-box .resultado-busca.thumb-resultado img { max-height: 152px; max-width: 210px; } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .content-resultados-buscas .result-box .resultado-busca.thumb-resultado img { max-height: 64px; max-width: 76px; } } @media screen and (min-width: 576px) and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca.thumb-resultado img { max-height: 127px; max-width: 150px; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .content-resultados-buscas .result-box .resultado-busca.thumb-resultado.videos { height: 220px; } } @media only screen and (max-width: 319px) { div.container-content .content-resultados-buscas .result-box .resultado-busca.thumb-resultado.videos { height: 250px; } } div.container-content .content-resultados-buscas .result-box .resultado-busca img { margin: 10px; padding-right: 22px; } div.container-content .content-resultados-buscas .result-box .resultado-busca h3, div.container-content .content-resultados-buscas .result-box .resultado-busca h4 { font-family: ItauDisplay-XBold; font-size: 24px; color: #231D19; line-height: 36px; } @media only screen and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca h3, div.container-content .content-resultados-buscas .result-box .resultado-busca h4 { font-size: 18px; line-height: 27px; } } div.container-content .content-resultados-buscas .result-box .resultado-busca h3:hover { color: #EC7000; transition: 0.4s; } div.container-content .content-resultados-buscas .result-box .resultado-busca p { font-family: ItauText-Regular; font-size: 16px; text-align: justify; line-height: 24px; width: 80%; } @media only screen and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca p { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 575px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img { width: 70%; } } div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img h3 { font-family: ItauDisplay-XBold; font-size: 22px; line-height: 33px; } @media only screen and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img h3 { font-size: 18px !important; } } div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img img { height: 183px; width: 253px; border-radius: 8px; height: 183px; margin-right: 32px; width: 253px; } div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img h4 { font-family: ItauText-Regular; font-size: 16px; line-height: 24px; } @media only screen and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img h4 { font-size: 14px !important; } } div.container-content .content-resultados-buscas .result-box .resultado-busca .resultado-img li a { font-family: ItauText-Regular; font-size: 16px; color: #106EB0 !important; cursor: pointer; text-decoration: underline; } div.container-content .content-resultados-buscas .result-box .resultado-busca .directPage { border-top: 1px solid black; border-right: 1px solid black; width: 20px; height: 20px; margin-left: auto; float: right; margin-top: -5%; transform: rotate(45deg); border-color: #EC7000; cursor: pointer; } @media screen and (min-width: 768px) and (max-width: 991px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .directPage { margin-top: -8%; } } @media screen and (min-width: 576px) and (max-width: 767px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .directPage { margin-top: -13%; } } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .directPage { margin-top: -22%; margin-right: -10px; } } @media only screen and (max-width: 319px) { div.container-content .content-resultados-buscas .result-box .resultado-busca .directPage { margin-top: -24%; } } div.container-content .content-resultados-buscas .result-box .resultado-mapa { width: 445px; } div.container-content .content-resultados-buscas .result-box .resultado-mapa img { border-radius: 8px; margin-right: 32px; } div.container-content .content-resultados-buscas .result-box .resultado-mapa a { text-transform: uppercase; } @media screen and (min-width: 320px) and (max-width: 575px) { div.container-content .content-resultados-buscas .pagination-box { display: inline-flex !important; } } div.container-content .content-resultados-buscas .pagination { margin: 0 auto; } div.container-content .content-resultados-buscas .pagination a { font-size: 20px; color: #969290; border: none; } div.container-content .content-resultados-buscas .pagination a.page-link:hover { background-color: #FFFFFF; color: #EC7000; } div.container-content .content-resultados-buscas .pagination .page-item.active .page-link { color: #EC7000; background-color: #FFFFFF; border-color: #FFFFFF; font-weight: 100; } div.container-content .content-resultados-buscas .pagination .page-item.active, div.container-content .content-resultados-buscas .pagination a.page-link { background-color: #FFFFFF; color: #969290; } div.container-content .content-resultados-buscas .pagination .page-color-item-disabled { color: #D9D3CF; } .error-fast, .filter-box { color: #252220; display: none; font-family: ItauText-Regular; font-size: 16px; line-height: 24px; text-align: center; } .loader { display: none; border-radius: 50%; border: 4px solid #D9D3CF; border-top: 4px solid #EC7000; width: 45px; height: 45px; margin: auto; margin-top: 50px; animation: spin 2s linear infinite; } .container-result-not-found { display: none; padding: 2.3% 11% 2.3% 11%; } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-result-not-found { padding: 2.3% 3% 2.3% 3%; } } @media only screen and (max-width: 991px) { .container-result-not-found { padding: 2.3% 3% 2.3% 3%; } } .container-result-not-found .result-not-found { border-bottom: 1px #969290 solid; padding-bottom: 5%; } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found { flex-direction: column; } } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found .img-farol { display: flex; align-self: center; } } .container-result-not-found .result-not-found .img-farol img { max-width: 363px; } @media only screen and (max-width: 991px) { .container-result-not-found .result-not-found .img-farol img { max-width: 280px; } } @media only screen and (max-width: 767px) { .container-result-not-found .result-not-found .img-farol img { max-width: 261px; } } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found .img-farol img { max-width: 189px; align-self: center; } } @media only screen and (max-width: 319px) { .container-result-not-found .result-not-found .img-farol img { max-width: 189px; } } .container-result-not-found .result-not-found .message-not-found { flex-direction: column; margin-left: 8%; width: 65%; } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found .message-not-found { width: 100%; margin: 0; } } .container-result-not-found .result-not-found .message-not-found h1 { color: #252220; font-family: ItauDisplay-Light; font-size: 40px; } @media only screen and (max-width: 991px) { .container-result-not-found .result-not-found .message-not-found h1 { font-size: 36px; } } @media only screen and (max-width: 767px) { .container-result-not-found .result-not-found .message-not-found h1 { font-size: 28px; } } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found .message-not-found h1 { margin-top: 5px; font-size: 24px; } } .container-result-not-found .result-not-found .message-not-found h1 span { color: #13100E; font-family: ItauDisplay-Bold; line-height: 52px; } .container-result-not-found .result-not-found .message-not-found p { font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; margin-top: 32px; } @media only screen and (max-width: 767px) { .container-result-not-found .result-not-found .message-not-found p { font-size: 14px; } } @media only screen and (max-width: 575px) { .container-result-not-found .result-not-found .message-not-found p { font-size: 16px; } } .container-result-not-found .footer-not-found { padding-top: 2%; } .container-result-not-found .footer-not-found p { font-family: ItauText-Light; font-size: 18px; color: #312D2B; line-height: 27px; } .container-result-not-found .footer-not-found p a { color: #007AB7; } @media only screen and (max-width: 575px) { .container-result-not-found .footer-not-found p { font-size: 16px; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .search-result { position: relative !important; margin-top: 113px; } @media only screen and (max-width: 319px) { .search-result { margin-top: 75px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .search-result { margin-top: 75px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .search-result { margin-top: 99px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .search-result { margin-top: 99px; } } .icon-rotate { font-size: 17px; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; transition: all .5s linear; } .icon-rotate.down:before { display: inline-block; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filterContainer { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; margin-top: -15px; margin-bottom: 20px; } .filterContainer .searchFilter { width: 100%; position: relative; margin-left: 1%; } @media only screen and (max-width: 575px) { .filterContainer .searchFilter ul { width: 300px; } } .filterContainer .searchFilter li { list-style: none; display: none; padding: 0.5% 1% 0.5% 1%; background: #FFFFFF; border: 1px solid #EC7000; color: #EC7000; border-radius: 4px; transition: 0.4s; cursor: pointer; font-size: 16px; margin-right: 1%; } @media screen and (min-width: 320px) and (max-width: 991px) { .filterContainer .searchFilter li { margin-bottom: 2%; padding: 1% 2% 1% 2%; } } @media only screen and (max-width: 319px) { .filterContainer .searchFilter li { padding: 1% 4% 1% 4%; margin-bottom: 6px; } } .filterContainer .searchFilter li:hover { background: #EC7000; color: #FFFFFF; } .filterContainer .searchFilter li.active { background: #EC7000; color: #FFFFFF; } .filterContainer .searchFilter li.active :hover { color: unset; } .filterContainer .searchFilter li.allResults { display: inline-block !important; cursor: default; } .filterContainer .searchFilter li button { border: none !important; background: none; padding: 0; color: inherit; cursor: pointer; } .filterContainer .searchFilter li span.closeFilterNoShow { display: none; } .filterContainer .searchFilter li span.closeFilter { margin-left: 10px; cursor: pointer; } body[data-segment="search_result"] { background: #FAF8F7; } .bgWhite { background: #FFFFFF !important; } .searchResultHeader { padding: 0.2% 25px 0.2% 25px; min-height: 90px; margin-top: -2%; } @media only screen and (min-width: 1400px) { .searchResultHeader { margin-left: 15%; } } .searchResultHeader.noSuggestion { padding-top: 12px; } @media screen and (min-width: 768px) and (max-width: 991px) { .searchResultHeader.noSuggestion { padding-top: 12px; padding-left: 31px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .searchResultHeader.noSuggestion { padding-top: 33px; margin-left: -11px; } } @media only screen and (max-width: 575px) { .searchResultHeader.noSuggestion { font-size: 20px; margin-top: 9px; margin-left: -9px; } .searchResultHeader.noSuggestion h1 { font-size: 20px; } } .searchResultHeader h1 { font-family: ItauDisplay-XBold; font-size: 32px; line-height: 36px; color: #252220; } .searchResultHeader p { font-family: ItauText-Regular; font-size: 18px; color: #312D2B; line-height: 28px; display: none; } .resultMenuLogo { font-size: 60px; color: #EC7000; letter-spacing: 25px; text-align: center; } @media screen and (min-width: 576px) and (max-width: 1199px) { .resultMenuLogo { margin-top: 14px; } } @media only screen and (max-width: 575px) { .resultMenuLogo { font-size: 40px; letter-spacing: 10px; padding-top: 15px; } } .linksDoc { display: inline-flex; font-family: ItauText-Regular; font-size: 16px; color: #106EB0; line-height: 24px; } .linksDoc li { margin-right: 10%; } .linksDoc a { cursor: pointer; } .divVideo { width: 224px; height: 125px; padding: 34px 0px 0% 87px; margin-right: 5%; background: rgba(0, 0, 0, 0.5); border-radius: 5px; background-size: cover; background-position-x: center; background-position-y: center; background-repeat: no-repeat; } .divVideo span.playVideo { font-family: itaufonts_master_24px_v1; font-size: 52px; color: #FFFFFF; cursor: pointer; } .videosDesc { width: 80%; } @media screen and (min-width: 576px) and (max-width: 767px) { .videosDesc { position: absolute; margin-left: 240px; width: 50%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .videosDesc { position: absolute; margin-top: 130px; } } @media only screen and (max-width: 319px) { .videosDesc { position: absolute; margin-top: 130px; } } .videosDesc h3 { font-family: ItauDisplay-XBold; font-size: 24px; color: #231D19 !important; line-height: 36px; cursor: pointer; } .videosDesc h3:hover { color: #EC7000 !important; transition: 0.4s !important; } @media screen and (min-width: 768px) and (max-width: 991px) { .videosDesc h3 { position: absolute; font-size: 20px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .videosDesc h3 { font-size: 20px; margin-right: 10px; } } .videosDesc a { font-family: ItauText-Regular; font-size: 16px; color: #106EB0 !important; cursor: pointer; text-decoration: underline; } @media screen and (min-width: 768px) and (max-width: 991px) { .videosDesc a { margin-top: 80px !important; } } @media screen and (min-width: 576px) and (max-width: 767px) { .videosDesc a { margin-top: 20px !important; } } @media screen and (min-width: 320px) and (max-width: 575px) { .videosDesc a { margin-top: 5px !important; } } #filterOld { display: none; } #containerResBusca { margin-left: auto; margin-right: auto; padding-top: 2%; border-radius: 5px; } #lightboxvideo { display: none; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 9999; } #lightboxvideo .fundoBranco { width: 866px; height: 568px; margin: 0 auto; z-index: 9999; border-radius: 10px; } #lightboxvideo .fundoBranco .divFecharVideo { width: 100%; height: 84px; } @media screen and (min-width: 768px) and (max-width: 991px) { #lightboxvideo .fundoBranco .divFecharVideo { width: 800px; } } @media screen and (min-width: 576px) and (max-width: 767px) { #lightboxvideo .fundoBranco .divFecharVideo { width: 635px; } } @media screen and (min-width: 320px) and (max-width: 575px) { #lightboxvideo .fundoBranco .divFecharVideo { width: 340px; } } @media only screen and (max-width: 319px) { #lightboxvideo .fundoBranco .divFecharVideo { width: 40%; } } #lightboxvideo .fundoBranco #fecharVideo { font-size: 32px; float: right; padding-right: 46px; font-family: ItauText-Regular; color: #FFFFFF; cursor: pointer; text-decoration: none; padding-top: 30px; } #lightboxvideo .fundoBranco #playervideo { width: 100%; height: 100%; } @media screen and (min-width: 768px) and (max-width: 991px) { #lightboxvideo .fundoBranco #playervideo { margin-left: 4%; } } @media screen and (min-width: 576px) and (max-width: 767px) { #lightboxvideo .fundoBranco #playervideo { margin-left: 5%; } } @media screen and (min-width: 320px) and (max-width: 575px) { #lightboxvideo .fundoBranco #playervideo { margin-left: 9%; } } @media only screen and (max-width: 319px) { #lightboxvideo .fundoBranco #playervideo { margin-left: 30px; } } #lightboxvideo .fundoBranco #playervideo #framevideo { width: 818px; height: 460px; vertical-align: baseline; background: transparent; } @media screen and (min-width: 768px) and (max-width: 991px) { #lightboxvideo .fundoBranco #playervideo #framevideo { width: 720px; height: 420px; } } @media screen and (min-width: 576px) and (max-width: 767px) { #lightboxvideo .fundoBranco #playervideo #framevideo { width: 550px; height: 380px; } } @media screen and (min-width: 320px) and (max-width: 575px) { #lightboxvideo .fundoBranco #playervideo #framevideo { width: 260px; height: 180px; } } @media only screen and (max-width: 319px) { #lightboxvideo .fundoBranco #playervideo #framevideo { width: 240px; height: 180px; } } .search { padding: 0; z-index: 10; margin-right: 25px; } @media only screen and (max-width: 991px) { .search { display: none; } } .search .search-toggle { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; color: #252220; line-height: 32px; text-decoration: none; display: block; } .search .search-toggle .iput-search-icon .icon-itaufonts_busca_consulta { padding: 2px; color: #EC7000; } [data-segment='varejo'] .search .search-toggle { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle { color: #FFFFFF; } .search .search-toggle span { font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; margin-right: 8px; width: 32px; height: 32px; } [data-segment='varejo'] .search .search-toggle span { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle span { color: #FFFFFF; } .search .search-wrapper { width: 100%; left: 0; top: 0; position: fixed; background-color: #FFFFFF; z-index: 10; } @media only screen and (min-width: 992px) { .search .search-wrapper { display: none; height: 100%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px 0; } } .search .search-wrapper .search-form .icon { font-size: 24px; color: #73706E; letter-spacing: 0; text-align: center; position: relative; padding: 0; line-height: 32px; } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon { padding: 28px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon { padding: 20px 0; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon { padding: 16px 0; } } .search .search-wrapper .search-form .icon.close { right: 0; top: 0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; color: #252220; line-height: 32px; opacity: 1; margin: 0 0 3px 30px; } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon.close { padding: 24px 0; line-height: 18px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close { line-height: 24px; margin: 0 0 0 5px; } } .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 24px; text-align: center; height: 32px; font-weight: 700; } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 18px; height: 24px; } } .search .search-wrapper .search-form .icon.close .text_fechar { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; margin-left: 8px; line-height: 28px; } @media only screen and (max-width: 319px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.open { visibility: visible; } } .search .search-wrapper .search-form .itauSearch { width: 100%; padding: 25px 43px; box-sizing: border-box; border: none; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #252220; background-color: transparent; font-size: 32px; line-height: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { padding: 18px 40px; } } @media screen and (min-width: 576px) and (max-width: 991px) { .search .search-wrapper .search-form .itauSearch { padding: 25px 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding: 5px; } } @media only screen and (min-width: 320px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding-left: 13px; } } @media only screen and (min-width: 576px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 40px; } } @media only screen and (min-width: 768px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 10px; } } @media only screen and (min-width: 992px) { .search .search-wrapper .search-form .itauSearch { font-size: 32px; line-height: 48px; padding-left: 31px; } } @media only screen and (min-width: 1200px) { .search .search-wrapper .search-form .itauSearch { padding-left: 43px; } } .search .search-wrapper .search-form .itauSearch::placeholder { color: #73706E !important; } .search .search-wrapper .search-form .itauSearch:focus { outline: none; } .search .search-wrapper div.search-wrapper-container { width: 100vw; height: 100vh; background-color: #FFFFFF; border-top: 1px solid #D9D3CF; overflow: hidden; overflow-y: scroll; left: 0; } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container { display: none; } } .search .search-wrapper div.search-wrapper-container .search-doubt p { color: #312D2B; font-size: 18px; font-family: "ItauText-Light", "Myriad Pro", Arial; } @media only screen and (min-width: 320px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media only screen and (min-width: 992px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 18px; } } .search .search-wrapper div.search-wrapper-container .search-doubt p a { text-decoration: underline; } .search .search-wrapper div.search-wrapper-container .search-content { width: 100%; padding: 48px 95px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 48px 80px; } } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 48px 56px; } } @media only screen and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 24px 40px; } } .search .search-wrapper div.search-wrapper-container .search-content .search-content-auto-complete { display: none; } .search .search-wrapper div.search-wrapper-container .search-content span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; color: #EC7000; line-height: 28px; margin-bottom: 16px; } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content span { margin-bottom: 8px; } } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up { margin: 20px 0 50px 0; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 24px; color: #000000; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up span.text, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text span.text { font-weight: 700; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up .icon-itaufonts_busca_consulta, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text .icon-itaufonts_busca_consulta { color: #252220; } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 32px; color: #252220; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 56px; } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a strong { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 24px; line-height: 48px; } } @media only screen and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 18px; line-height: 34px; } } body.wcmmode-escope .search .cq-placeholder { height: 0; } [data-segment='search_result'] { display: block; } [data-segment='search_result'] .search { position: fixed; } [data-segment='search_result'] .search a.search-toggle.d-flex { display: none !important; } [data-segment='search_result'] .search form { background: #FFFFFF; } [data-segment='search_result'] a.search-toggle { display: none !important; } [data-segment='search_result'] .not-target { background: #D9D3CF; } [data-segment='search_result'] .not-target .search-wrapper { background-color: #FFFFFF; border-bottom: 1px solid #D9D3CF !important; } [data-segment='search_result'] .not-target div.search-wrapper-container { display: none; } [data-segment='search_result'] .not-target div.search-wrapper { height: auto !important; position: fixed; } [data-segment='search_result'] div.search-wrapper { display: block !important; } [data-segment='search_result'] div.search-wrapper { border-top: none; } .search-form-toggle { color: #EC7000; display: flex; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; text-decoration: none; } @media only screen and (min-width: 320px) { .search-form-toggle { display: none; } } .search-form-toggle .iput-search-icon { font-size: 30px; letter-spacing: 0; line-height: 32px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-icon { display: none; } } @media only screen and (max-width: 767px) { .search-form-toggle .iput-search-icon { font-size: 21px; letter-spacing: 0; line-height: 28px; } } .search-form-toggle .iput-search-text { color: #EC7000; font-size: 18px; line-height: 32px; margin-left: 7px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-text { display: none; } } .search-form-toggle:hover { color: #EC7000; text-decoration: none; } .search-form form img { width: 50px; height: 50px; } .search-form form img.logo-mobile { width: 40px; height: 40px; } @media only screen and (max-width: 319px) { .search-form form img { width: 40px; height: 40px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 319px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } .icon-busca-mobile { display: none; } .navigation-top { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; color: #FFFFFF; } [data-segment='empresas'] .navigation-top { background-color: #003767; } [data-segment='personnalite'] .navigation-top { background: #d6a84c; background: -moz-linear-gradient(left, #d6a84c 3%, #a37c29 100%); background: -webkit-gradient(left top, right top, color-stop(3%, #d6a84c), color-stop(100%, #a37c29)); background: -webkit-linear-gradient(left, #d6a84c 3%, #a37c29 100%); background: -o-linear-gradient(left, #d6a84c 3%, #a37c29 100%); background: -ms-linear-gradient(left, #d6a84c 3%, #a37c29 100%); background: linear-gradient(to right, #d6a84c 3%, #a37c29 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6A84C', endColorstr='#A37C29', GradientType=1); } [data-segment='varejo'] .navigation-top { background-color: #EFE9E5; } [data-segment='cartoes'] .navigation-top { background-color: #EFE9E5; } [data-segment='uniclass'] .navigation-top { background-color: #747679; } [data-segment='private'] .navigation-top { background-color: #DCD7D2; } @media only screen and (max-width: 575px) { .navigation-top .container { max-width: 100%; padding: 0; } } .navigation-top .container .navigation-button { text-decoration: none; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; display: inline-block; padding: 4px 0; font-size: 16px; line-height: 16px; margin-left: 14px; } @media only screen and (min-width: 576px) { .navigation-top .container .navigation-button { margin-left: 0px; } } @media only screen and (min-width: 992px) { .navigation-top .container .navigation-button { line-height: 20px; } } [data-segment='empresas'] .navigation-top .container .navigation-button { color: #FFFFFF; } [data-segment='personnalite'] .navigation-top .container .navigation-button { color: #252220; } [data-segment='uniclass'] .navigation-top .container .navigation-button { color: #FFFFFF; } [data-segment='varejo'] .navigation-top .container .navigation-button { color: #252220; } [data-segment='cartoes'] .navigation-top .container .navigation-button { color: #252220; } [data-segment='private'] .navigation-top .container .navigation-button { color: #252220; } .navigation-top .container .navigation-button span { display: inline; } .navigation-top .container .navigation-button span::before { font-size: 18px; text-align: center; line-height: 32px; margin-left: -5px; } [data-segment='personnalite'] .navigation-top .container .navigation-button span::before { color: #252220; } [data-segment='private'] .navigation-top .container .navigation-button span::before { color: #252220; } @media screen and (min-width: 320px) and (max-width: 575px) { .navigation-top .container ul.navigation-top-list { -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media only screen and (max-width: 575px) { .navigation-top .container ul.navigation-top-list li.navigation-top-list-item:first-child:nth-last-child(1), .navigation-top .container ul.navigation-top-list li.navigation-top-list-item:first-child:nth-last-child(2), .navigation-top .container ul.navigation-top-list li.navigation-top-list-item:first-child:nth-last-child(2) ~ li { width: 50%; } .navigation-top .container ul.navigation-top-list li.navigation-top-list-item:first-child:nth-last-child(3), .navigation-top .container ul.navigation-top-list li.navigation-top-list-item:first-child:nth-last-child(3) ~ li { width: 33.3333%; } } .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { display: inline; padding: 8px 16px; font-size: 16px; line-height: 16px; display: inline-block; text-decoration: none; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { color: #FFFFFF; opacity: 0.6; } [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { color: #252220; } [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { color: #252220; } @media only screen and (min-width: 992px) { .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { padding: 8px 24px; line-height: 24px; font-size: 16px; } } @media only screen and (max-width: 575px) { .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a, .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p { width: 100%; text-align: center; } } [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a.active, [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a:hover, [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p.active, [data-segment='empresas'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p:hover { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; opacity: 1; } [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a.active, [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a:hover, [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p.active, [data-segment='varejo'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p:hover { background-color: #D9D3CF; } [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a.active, [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item a:hover, [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p.active, [data-segment='cartoes'] .navigation-top .container ul.navigation-top-list li.navigation-top-list-item p:hover { background-color: #D9D3CF; } body.wcmmode-escope .navigation-top { display: flex; -ms-flex-align: center; align-items: center; } .section-navigation-cta { display: none; height: 96px; width: 100%; border-top: 1px solid #D9D3CF; background-color: #FFFFFF; position: absolute; z-index: 2000; /* stylelint-disable */ text-decoration: none !important; width: 100%; /* stylelint-enable */ } @media only screen and (max-width: 991px) { .section-navigation-cta { position: fixed; bottom: 0; height: 64px; } } @media only screen and (max-width: 991px) { [data-segment='empresas'] .section-navigation-cta { background-color: #EC7000; } [data-segment='personnalite'] .section-navigation-cta { background-color: #D0A967; } [data-segment='uniclass'] .section-navigation-cta { background-color: #EC7000; } [data-segment='varejo'] .section-navigation-cta { background-color: #EC7000; } [data-segment='cartoes'] .section-navigation-cta { background-color: #EC7000; } [data-segment='private'] .section-navigation-cta { background-color: #EC7000; } [data-segment='todos-pela-saude'] .section-navigation-cta { background-color: #7C746C; } } .section-navigation-cta.show { display: block; } [data-segment='todos-pela-saude'] .section-navigation-cta.show { background-color: #FAF8F7; } .section-navigation-cta .container { height: 100%; } .section-navigation-cta .container .row { height: 100%; margin: 0; } .section-navigation-cta .container .row .title-navigation-cta .navigation-text { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 20px; line-height: 32px; vertical-align: middle; color: #312D2B; } [data-segment='empresas'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text { color: #003767; } [data-segment='private'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text { color: #7C746C; } [data-segment='uniclass'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text { color: #EC7000; } [data-segment='uniclass'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text, [data-segment='varejo'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text { color: #EC7000; } @media only screen and (max-width: 991px) { .section-navigation-cta .container .row .title-navigation-cta .navigation-text { color: #FFFFFF; } } .section-navigation-cta .container .row .title-navigation-cta .navigation-text-mobile { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; line-height: 28px; color: #FFFFFF; } [data-segment='personnalite'] .section-navigation-cta .container .row .title-navigation-cta .navigation-text-mobile { color: #252220; } @media screen and (min-width: 576px) and (max-width: 991px) { .section-navigation-cta .container .row .title-navigation-cta .navigation-text-mobile { font-size: 20px; line-height: 32px; } } .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { font-size: 32px; letter-spacing: 0; text-align: center; margin-right: 16px; vertical-align: sub; opacity: 0.8; color: #FFFFFF; } [data-segment='personnalite'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #252220; } [data-segment='empresas'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #003767; } [data-segment='private'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #7C746C; } [data-segment='uniclass'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta, [data-segment='varejo'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #EC7000; } @media only screen and (min-width: 992px) { .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #D0A967; } [data-segment='personnalite'] .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { color: #D0A967; } } @media screen and (min-width: 576px) and (max-width: 991px) { .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { margin-top: 20px; margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .section-navigation-cta .container .row .title-navigation-cta .person-navigation-cta { font-size: 24px; line-height: 24px; } } .section-navigation-cta .container .row .arrow-navigation-cta span { opacity: 0.8; font-size: 32px; letter-spacing: 0; text-align: center; float: right; vertical-align: sub; color: #FFFFFF; } @media only screen and (min-width: 768px) { .section-navigation-cta .container .row .arrow-navigation-cta span { font-size: 32px; margin-right: 11px; } } @media only screen and (max-width: 991px) { .section-navigation-cta .container .row .arrow-navigation-cta span { font-size: 24px; line-height: 24px; } [data-segment='personnalite'] .section-navigation-cta .container .row .arrow-navigation-cta span { color: #252220; } } [data-segment='empresas'] .section-navigation-cta:hover, [data-segment='empresas'] .section-navigation-cta:focus { background-color: #003767; } [data-segment='personnalite'] .section-navigation-cta:hover, [data-segment='personnalite'] .section-navigation-cta:focus { background-color: #D0A967; } [data-segment='uniclass'] .section-navigation-cta:hover, [data-segment='uniclass'] .section-navigation-cta:focus { background-color: #EC7000; } [data-segment='varejo'] .section-navigation-cta:hover, [data-segment='cartoes'] .section-navigation-cta:hover, [data-segment='varejo'] .section-navigation-cta:focus, [data-segment='cartoes'] .section-navigation-cta:focus { background-color: #EC7000; } [data-segment='private'] .section-navigation-cta:hover, [data-segment='private'] .section-navigation-cta:focus { background-color: #7C746C; } [data-segment='todos-pela-saude'] .section-navigation-cta:hover, [data-segment='todos-pela-saude'] .section-navigation-cta:focus { background-color: #7C746C; } .section-navigation-cta:hover .container .row .title-navigation-cta .navigation-text, .section-navigation-cta:focus .container .row .title-navigation-cta .navigation-text { color: #FFFFFF; } [data-segment='personnalite'] .section-navigation-cta:hover .container .row .title-navigation-cta .navigation-text, [data-segment='personnalite'] .section-navigation-cta:focus .container .row .title-navigation-cta .navigation-text { color: #252220; } [data-segment='empresas'] .section-navigation-cta:hover .container .row .title-navigation-cta .navigation-text, [data-segment='empresas'] .section-navigation-cta:focus .container .row .title-navigation-cta .navigation-text { color: #FFFFFF; } .section-navigation-cta:hover .container .row .title-navigation-cta .person-navigation-cta, .section-navigation-cta:focus .container .row .title-navigation-cta .person-navigation-cta { color: #FFFFFF; } [data-segment='personnalite'] .section-navigation-cta:hover .container .row .title-navigation-cta .person-navigation-cta, [data-segment='personnalite'] .section-navigation-cta:focus .container .row .title-navigation-cta .person-navigation-cta { color: #252220; } [data-segment='empresas,private'] .section-navigation-cta:hover .container .row .title-navigation-cta .person-navigation-cta, [data-segment='empresas,private'] .section-navigation-cta:focus .container .row .title-navigation-cta .person-navigation-cta { color: #FFFFFF; } .section-navigation-cta:hover .container .row .arrow-navigation-cta span, .section-navigation-cta:focus .container .row .arrow-navigation-cta span { color: #FFFFFF; } [data-segment='personnalite'] .section-navigation-cta:hover .container .row .arrow-navigation-cta span, [data-segment='personnalite'] .section-navigation-cta:focus .container .row .arrow-navigation-cta span { color: #252220; } [data-segment='empresas,private'] .section-navigation-cta:hover .container .row .arrow-navigation-cta span, [data-segment='empresas,private'] .section-navigation-cta:focus .container .row .arrow-navigation-cta span { color: #FFFFFF; } @media only screen and (min-width: 992px) { .section-navigation-cta.only-mobile { display: none; } } a { text-decoration: none; color: #003767; } [data-segment='todos-pela-saude'] .logo--secondary { width: 30px; } .login-access { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .login-access { padding-bottom: 32px; } } .login-access { padding-top: 64px; } @media only screen and (max-width: 767px) { .login-access { padding-top: 32px; } } .login-access { height: calc(100vh - 104px); width: 100vw; position: fixed; top: 104px; left: 0; background-color: #FFFFFF; visibility: hidden; opacity: 0; overflow-y: scroll; } @media only screen and (min-width: 576px) { .login-access { top: 120px; } } .login-access.show { visibility: visible; opacity: 1; } @media only screen and (min-width: 992px) { .login-access { visibility: hidden; opacity: 0; pointer-events: none; } } @media only screen and (min-width: 768px) { .login-access__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .login-access__list > li { margin-bottom: 1rem !important; } .login-access__list > li:nth-child(3) { margin-left: auto; } } .has--form .login-access__banner-list { position: relative; top: -42px; } .no-has--form .login-access__banner-list { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .login-access__form-item { margin-bottom: 64px; } @media only screen and (min-width: 768px) { .login-access__form-item { max-width: 269px; position: relative; top: -18px; } } @media only screen and (min-width: 768px) { .login-access__banner-item { width: 330px; } } .no-has--form .login-access__banner-item { display: flex; height: calc(100% - 1rem); } .login-access__title { font-family: ItauDisplay-Bold; font-size: 16px; color: #312D2B; line-height: 22px; margin-bottom: 16px; text-align: left; } .login-access__label { font-family: ItauText-Regular; font-size: 14px; color: #56504C; line-height: 24px; } .login-access__form-control { position: relative; } .login-access__input { width: 100%; padding-bottom: 12px; font-family: ItauText-Regular; font-size: 18px; color: #231D19; line-height: 28px; border: none; border-bottom: #89837F 1px solid; } .login-access__input:focus { border-bottom: #EC7000 1px solid; } .login-access .itau-button-container { margin-top: 24px; } @media screen and (min-width: 320px) and (max-width: 767px) { .login-access .itau-button-container { margin-top: auto; } } .login-access .itau-button-container__a { font-size: 16px; } @media only screen and (min-width: 576px) { .login-access .itau-button-container__a { margin: auto; } } .login-access__banner { background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(37, 34, 32, 0.35); border-radius: 8px; } @media only screen and (min-width: 768px) { .login-access__banner { width: 100%; } } .login-access__banner-wrapper { padding: 24px; } @media screen and (min-width: 576px) and (max-width: 767px) { .login-access__banner-wrapper { padding: 24px 9px; margin: 0; display: flex; align-items: center; } } @media only screen and (min-width: 768px) { .login-access__banner-wrapper { height: 100%; } } .login-access__banner-title { font-family: ItauText-Regular; font-size: 14px; color: #252220; line-height: 18px; margin-bottom: 24px; } @media only screen and (min-width: 576px) { .login-access__banner-title { margin-bottom: 0; } } @media only screen and (min-width: 768px) { .login-access__banner-title { margin-bottom: 24px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .login-access__banner-info { position: relative; padding-left: 40px; padding-right: 0px; } .login-access__banner-info:before { content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: #D6D0CC; height: 100%; width: 1px; } } .login-access__banner-image { margin-right: 16px; } .login-access__banner-action { height: 51px; } .login-access__banner-action .title { font-family: ItauDisplay-Light; font-size: 18px; color: #332822; line-height: 25px; } .login-access__banner-action .link { line-height: 26px; } .login-access__banner-action .link a { font-family: ItauDisplay-Bold; font-size: 18px; color: #106EB0; letter-spacing: 0; line-height: 26px; } .search { padding: 0; z-index: 10; margin-right: 25px; } @media only screen and (max-width: 991px) { .search { display: none; } } .search .search-toggle { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; color: #252220; line-height: 32px; text-decoration: none; display: block; } .search .search-toggle .iput-search-icon .icon-itaufonts_busca_consulta { padding: 2px; color: #EC7000; } [data-segment='varejo'] .search .search-toggle { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle { color: #FFFFFF; } .search .search-toggle span { font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; margin-right: 8px; width: 32px; height: 32px; } [data-segment='varejo'] .search .search-toggle span { color: #FFFFFF; } [data-segment='cartoes'] .search .search-toggle span { color: #FFFFFF; } .search .search-wrapper { width: 100%; left: 0; top: 0; position: fixed; background-color: #FFFFFF; z-index: 10; } @media only screen and (min-width: 992px) { .search .search-wrapper { display: none; height: 100%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form { padding: 10px 0; } } .search .search-wrapper .search-form .icon { font-size: 24px; color: #73706E; letter-spacing: 0; text-align: center; position: relative; padding: 0; line-height: 32px; } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon { padding: 28px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon { padding: 20px 0; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon { padding: 16px 0; } } .search .search-wrapper .search-form .icon.close { right: 0; top: 0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; color: #252220; line-height: 32px; opacity: 1; margin: 0 0 3px 30px; } @media screen and (min-width: 576px) and (max-width: 767px) { .search .search-wrapper .search-form .icon.close { padding: 24px 0; line-height: 18px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close { line-height: 24px; margin: 0 0 0 5px; } } .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 24px; text-align: center; height: 32px; font-weight: 700; } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 18px; height: 24px; } } .search .search-wrapper .search-form .icon.close .text_fechar { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; margin-left: 8px; line-height: 28px; } @media only screen and (max-width: 319px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 767px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { .search .search-wrapper .search-form .icon.open { visibility: visible; } } .search .search-wrapper .search-form .itauSearch { width: 100%; padding: 25px 43px; box-sizing: border-box; border: none; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #252220; background-color: transparent; font-size: 32px; line-height: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { padding: 18px 40px; } } @media screen and (min-width: 576px) and (max-width: 991px) { .search .search-wrapper .search-form .itauSearch { padding: 25px 10px; } } @media only screen and (max-width: 575px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding: 5px; } } @media only screen and (min-width: 320px) { .search .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding-left: 13px; } } @media only screen and (min-width: 576px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 40px; } } @media only screen and (min-width: 768px) { .search .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 10px; } } @media only screen and (min-width: 992px) { .search .search-wrapper .search-form .itauSearch { font-size: 32px; line-height: 48px; padding-left: 31px; } } @media only screen and (min-width: 1200px) { .search .search-wrapper .search-form .itauSearch { padding-left: 43px; } } .search .search-wrapper .search-form .itauSearch::placeholder { color: #73706E !important; } .search .search-wrapper .search-form .itauSearch:focus { outline: none; } .search .search-wrapper div.search-wrapper-container { width: 100vw; height: 100vh; background-color: #FFFFFF; border-top: 1px solid #D9D3CF; overflow: hidden; overflow-y: scroll; left: 0; } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container { display: none; } } .search .search-wrapper div.search-wrapper-container .search-doubt p { color: #312D2B; font-size: 18px; font-family: "ItauText-Light", "Myriad Pro", Arial; } @media only screen and (min-width: 320px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media only screen and (min-width: 992px) { .search .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 18px; } } .search .search-wrapper div.search-wrapper-container .search-doubt p a { text-decoration: underline; } .search .search-wrapper div.search-wrapper-container .search-content { width: 100%; padding: 48px 95px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 48px 80px; } } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 48px 56px; } } @media only screen and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content { padding: 24px 40px; } } .search .search-wrapper div.search-wrapper-container .search-content .search-content-auto-complete { display: none; } .search .search-wrapper div.search-wrapper-container .search-content span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; color: #EC7000; line-height: 28px; margin-bottom: 16px; } @media screen and (min-width: 320px) and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content span { margin-bottom: 8px; } } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up { margin: 20px 0 50px 0; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 24px; color: #000000; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up span.text, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text span.text { font-weight: 700; } .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up .icon-itaufonts_busca_consulta, .search .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text .icon-itaufonts_busca_consulta { color: #252220; } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 32px; color: #252220; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 56px; } .search .search-wrapper div.search-wrapper-container .search-content .links-list li a strong { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; } @media only screen and (max-width: 991px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 24px; line-height: 48px; } } @media only screen and (max-width: 575px) { .search .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 18px; line-height: 34px; } } body.wcmmode-escope .search .cq-placeholder { height: 0; } [data-segment='search_result'] { display: block; } [data-segment='search_result'] .search { position: fixed; } [data-segment='search_result'] .search a.search-toggle.d-flex { display: none !important; } [data-segment='search_result'] .search form { background: #FFFFFF; } [data-segment='search_result'] a.search-toggle { display: none !important; } [data-segment='search_result'] .not-target { background: #D9D3CF; } [data-segment='search_result'] .not-target .search-wrapper { background-color: #FFFFFF; border-bottom: 1px solid #D9D3CF !important; } [data-segment='search_result'] .not-target div.search-wrapper-container { display: none; } [data-segment='search_result'] .not-target div.search-wrapper { height: auto !important; position: fixed; } [data-segment='search_result'] div.search-wrapper { display: block !important; } [data-segment='search_result'] div.search-wrapper { border-top: none; } .search-form-toggle { color: #EC7000; display: flex; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 19px; text-decoration: none; } @media only screen and (min-width: 320px) { .search-form-toggle { display: none; } } .search-form-toggle .iput-search-icon { font-size: 30px; letter-spacing: 0; line-height: 32px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-icon { display: none; } } @media only screen and (max-width: 767px) { .search-form-toggle .iput-search-icon { font-size: 21px; letter-spacing: 0; line-height: 28px; } } .search-form-toggle .iput-search-text { color: #EC7000; font-size: 18px; line-height: 32px; margin-left: 7px; } @media only screen and (max-width: 575px) { .search-form-toggle .iput-search-text { display: none; } } .search-form-toggle:hover { color: #EC7000; text-decoration: none; } .search-form form img { width: 50px; height: 50px; } .search-form form img.logo-mobile { width: 40px; height: 40px; } @media only screen and (max-width: 319px) { .search-form form img { width: 40px; height: 40px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 319px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { display: none; } } .icon-busca-mobile { display: none; } header { width: 100%; z-index: 1040; position: fixed; top: 0; } header .smart-banner-app { transition: all 500ms ease; } @media only screen and (min-width: 992px) { header .smart-banner-app { display: none; } } header .smart-banner-app .wrapper { height: 80px; min-height: 80px; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper { height: 104px; min-height: 104px; } } header .smart-banner-app .wrapper-logo { float: left; display: none; } header .smart-banner-app .wrapper-logo img { height: 48px; width: 48px; float: left; display: flex; margin: 16px 0; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-logo img { height: 64px; width: 64px; margin: 20px 0; } } header .smart-banner-app .wrapper-app-name { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; color: #252220; line-height: 32px; margin: 24px 0px 24px 8px; width: 136px; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-app-name { font-size: 24px; line-height: 36px; margin: 34px 0px 34px 24px; width: 203px; } } header .smart-banner-app .wrapper-align-right { display: flex; margin: 28px 0; float: right; } @media only screen and (max-width: 575px) { header .smart-banner-app .wrapper-align-right { margin: 24px 0; } } header .smart-banner-app .wrapper-align-right a.cta { text-align: center; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 28px; padding: 2px 0; } [data-segment='empresas'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='personnalite'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='varejo'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='cartoes'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='uniclass'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } [data-segment='private'] header .smart-banner-app .wrapper-align-right a.cta { color: #252220; } @media only screen and (min-width: 576px) { header .smart-banner-app .wrapper-align-right a.cta { border-radius: 4px; padding: 10px 24px; height: 48px; width: 97px; } [data-segment='empresas'] header .smart-banner-app .wrapper-align-right a.cta { background: #003767; color: #FFFFFF; } [data-segment='personnalite'] header .smart-banner-app .wrapper-align-right a.cta { background: #876632; color: #FFFFFF; } [data-segment='varejo'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='cartoes'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='uniclass'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } [data-segment='private'] header .smart-banner-app .wrapper-align-right a.cta { background: #EC7000; color: #FFFFFF; } } header .smart-banner-app .wrapper-align-right .close-btn { font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; height: 32px; width: 32px; padding: 2px; border: none; background-color: transparent; margin: 8px 0 8px 24px; } @media only screen and (max-width: 575px) { header .smart-banner-app .wrapper-align-right .close-btn { margin: 0 0 0 8px; } } header .navbar-wrapper { position: relative; width: 100%; } header .navbar-wrapper__login-container { position: inherit; } @media only screen and (min-width: 992px) { header .navbar-wrapper__login-container { position: relative; } } [data-segment='empresas'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='personnalite'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='varejo'] header .navbar-wrapper { color: #FFFFFF; background-color: #EC7000; } [data-segment='cartoes'] header .navbar-wrapper { color: #FFFFFF; background-color: #EC7000; } [data-segment='uniclass'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='private'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } [data-segment='todos-pela-saude'] header .navbar-wrapper { color: #252220; background-color: #FAF8F7; } header .navbar-wrapper .logo { padding: 27px 0; display: flex; } @media only screen and (max-width: 991px) { header .navbar-wrapper .logo { padding: 19px 0; } } @media only screen and (max-width: 575px) { header .navbar-wrapper .logo { padding: 16px 0; } } header .navbar-wrapper .logo a, header .navbar-wrapper .logo h1 { display: inline-flex; } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a:nth-child(2), [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1:nth-child(2) { border-left: 1px solid #221718; padding-left: 20.2px; } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a .logo--secondary, [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1 .logo--secondary { height: 30px; width: 30px; margin: 10px 25px 0px 0px; } header .navbar-wrapper .logo a img, header .navbar-wrapper .logo h1 img { height: 50px; } [data-segment='todos-pela-saude'] header .navbar-wrapper .logo a img:not(.logo--secondary), [data-segment='todos-pela-saude'] header .navbar-wrapper .logo h1 img:not(.logo--secondary) { width: 50px; } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper .logo a img, header .navbar-wrapper .logo h1 img { height: 40px; } } body.wcmmode-escope header .navbar-wrapper .logo { display: inline-table; padding: 27px 32px 27px 0; } header .navbar-wrapper .navigation-menu { height: 100%; padding-left: 32px; } @media only screen and (max-width: 991px) { header .navbar-wrapper .navigation-menu { display: none; } } header .navbar-wrapper .navigation-menu-list { height: 40px; margin: 32px 32px 32px 0; border-left: 1px solid #D9D3CF; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; padding-left: 12px; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list { border-left: 1px solid #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list { border-left: 1px solid #FFFFFF; } header .navbar-wrapper .navigation-menu-list-item { padding: 0 20px; line-height: 32px; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #252220; font-size: 19px; font-weight: 700; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle { color: #FFFFFF; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { will-change: transform, transition; text-decoration: none; vertical-align: bottom !important; padding: 40px 0; } [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='varejo'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='cartoes'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #FFFFFF; } [data-segment='todos-pela-saude'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='todos-pela-saude'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #D27000; } [data-segment='empresas'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='empresas'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #003767; } [data-segment='personnalite'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='personnalite'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #876632; } [data-segment='private'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='private'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #7C746C; } [data-segment='uniclass'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle.open, [data-segment='uniclass'] header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:hover { border-bottom: 3px solid #757575; } header .navbar-wrapper .navigation-menu-list-item a.dropdown-toggle:after { display: none; } .dropdown-toggle.open + .dropdown-mega-menu { max-height: 100vh; visibility: visible; } .dropdown-mega-menu { position: absolute; left: 0; top: 68px; z-index: 1; width: 100vw; max-height: 0; overflow: hidden; visibility: hidden; background-color: #FFFFFF; border-top: 1px solid #D9D3CF; } [data-segment='todos-pela-saude'] .dropdown-mega-menu { background-color: #FAF8F7; } .common-links.cmp-common__basic .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 16px; display: block; color: #252220; } .common-links.cmp-common__basic ul li { line-height: 30px; } @media only screen and (max-width: 991px) { .common-links.cmp-common__basic ul li { line-height: 48px; } } .common-links.cmp-common__basic ul li span { display: none; } .common-links.cmp-common__basic ul li a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 30px; text-decoration: underline; display: inline-block; color: #252220; } .common-links.cmp-common__basic ul li a:hover { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__basic ul li a:hover { color: #13100E; cursor: pointer; } .common-links.cmp-common__basic ul li a:hover::after { font-family: 'itau-icon'; content: '\e9cd'; margin-left: 8px; margin-top: -2px; } .common-links.cmp-common__basic ul li a.more-links { margin-top: 8px; display: inline-block; height: 30px; font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 16px; color: #106EB0; line-height: 30px; } .common-links.cmp-common__basic ul li a.more-links:hover { color: #106EB0 !important; text-decoration: underline; } .common-links.cmp-common__basic ul li a.more-links:hover::after { display: none; } .common-links.cmp-common__basic.extra-space { margin-bottom: 24px; } .common-links.cmp-common__box .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 32px; display: block; color: #252220; } .common-links.cmp-common__box ul .commom-link-list { line-height: 40px; height: 72px; cursor: pointer; transition: padding-left 500ms ease; border-bottom: 1px solid #D9D3CF; } @media only screen and (max-width: 991px) { .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo { background-color: #EC7000; } .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas { background-color: #003767; } .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite { background-color: #D0A967; } .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass { background-color: #747679; } .common-links.cmp-common__box ul .commom-link-list.hover-color-private { background-color: #DCD7D2; } .common-links.cmp-common__box ul .commom-link-list.hover-color-tps { background-color: #7C746C; } } @media only screen and (min-width: 992px) { .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-varejo:focus { background-color: #EC7000; } .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-empresas:focus { background-color: #003767; } .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-personnalite:focus { background-color: #D0A967; } .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-uniclass:focus { background-color: #747679; } .common-links.cmp-common__box ul .commom-link-list.hover-color-private:hover, .common-links.cmp-common__box ul .commom-link-list.hover-color-private:focus { background-color: #DCD7D2; } .common-links.cmp-common__box ul .commom-link-list.hover-color-tps { background-color: #7C746C; } } .common-links.cmp-common__box ul .commom-link-list:first-of-type { border-top: 1px solid #D9D3CF; } .common-links.cmp-common__box ul .commom-link-list:hover { padding-left: 32px; } .common-links.cmp-common__box ul .commom-link-list:hover a { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #FFFFFF; } .dropdown-mega-menu .common-links.cmp-common__box ul .commom-link-list:hover span[class*=icon-itaufonts_seta_right] { display: inline-block; } .common-links.cmp-common__box ul .commom-link-list span { display: none; float: right; padding: 24px 32px 24px 0; line-height: 23px; color: #FAF8F7; } .common-links.cmp-common__box ul .commom-link-list a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 73px; text-decoration: none; color: #252220; display: block; } .common-links.cmp-common__list .column-title { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; margin-bottom: 32px; display: block; color: #252220; } .common-links.cmp-common__list ul li { line-height: 40px; height: 72px; box-shadow: 0 0 3px 0 rgba(122, 109, 96, 0.24); border-radius: 4px; margin-bottom: 8px; cursor: pointer; } [data-segment='empresas'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='personnalite'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li { background-color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li { background-color: #FAF8F7; } .common-links.cmp-common__list ul li span { width: 32px; height: 32px; margin: 23px 0 20px 24px; float: left; letter-spacing: 0; text-align: center; font-size: 24px; } [data-segment='empresas'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='personnalite'] .common-links.cmp-common__list ul li span { color: #D0A967; } [data-segment='varejo'] .common-links.cmp-common__list ul li span, [data-segment='cartoes'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='uniclass'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='private'] .common-links.cmp-common__list ul li span { color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li span { color: #7C746C; } .common-links.cmp-common__list ul li span:before { vertical-align: middle; } .common-links.cmp-common__list ul li a { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 30px; padding: 24px 16px 18px; display: inline-block; color: #252220; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='personnalite'] .common-links.cmp-common__list ul li:hover { background-color: #876632; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='private'] .common-links.cmp-common__list ul li:hover { background-color: #EC7000; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover { background-color: #7C746C; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='personnalite'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover span { color: #FFFFFF; } .common-links.cmp-common__list ul li:hover a { text-decoration: none; } [data-segment='empresas'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='personnalite'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='varejo'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='uniclass'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='private'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } [data-segment='todos-pela-saude'] .common-links.cmp-common__list ul li:hover a { color: #FFFFFF; } .dropdown-mega-menu .container .row .col .hover-color-tps a { color: #FFFFFF; } body.wcmmode-escope .dropdown-mega-menu:first-of-type { padding-top: 0; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder { color: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.3); background-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 0.125rem; margin: 0.125rem; display: inline-block; width: 99.5%; text-align: center; font-family: adobe-clean,Helvetica,Arial,sans-serif; font-weight: normal; font-style: normal; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder span[class*=icon] { font-size: 1.5em; vertical-align: middle; margin-left: 0.3em; } body.wcmmode-escope .dropdown-mega-menu .parent-item-placeholder strong { font-weight: bold; } body.wcmmode-escope header .navbar-wrapper .navigation-menu { display: flex; padding: 0 32px 0 0; } body.wcmmode-escope header .navbar-wrapper .navigation-menu + .cq-placeholder { display: flex; } header .navbar-wrapper .content-nav-end { height: 100%; } header .navbar-wrapper .content-nav-end .login { border: none; width: 80px; } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login { width: 295px; border-left: 1px solid #D9D3CF; border-right: 1px solid #D9D3CF; } } header .navbar-wrapper .content-nav-end .login .actions .wrapper { display: inline-flex; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #252220; line-height: 32px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control { height: 104px; width: 100%; position: unset; } @media screen and (min-width: 576px) and (max-width: 991px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control { right: 140px; } } @media only screen and (max-width: 991px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control { display: flex; margin-right: 16px; height: auto; width: auto; } } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control { width: 295px; } } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access { display: flex; } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access { display: none; } } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access { width: 32px; height: 32px; padding: 3px 0; font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; border: none; background-color: transparent; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access { color: #FFFFFF; } @media only screen and (min-width: 576px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access span[class*=icon] { width: 32px; display: inline-block; height: 26px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access span[class*=icon]::before { vertical-align: super; } } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .mobile-access button.btn-access span.label { line-height: 29px; font-weight: 700; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access { display: none; } @media only screen and (min-width: 992px) { header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access { display: block; } } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options { width: 100%; padding: 11px 0px 11px 32px; font-family: ItauText-Bold, Myriad Pro, Arial; font-size: 19px; font-weight: 700; line-height: 24px; border: none; background-color: transparent; text-align: left; cursor: pointer; display: inline-flex; color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options { color: #FFFFFF; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options span[class*=icon] { display: inline-flex; transition: all 0.5s; line-height: 24px; text-align: center; padding: 0 5px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open { background-color: #FFFFFF; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open { color: #252220; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open { color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open span[class*=icon] { color: #252220; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open span[class*=icon] { color: #252220; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open { outline: none; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access button.options.open span[class*=icon] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select { position: absolute; transition: all 0ms ease; background-color: #FFFFFF; width: 295px; margin-top: -10px; z-index: 1; margin-left: -1px; border-radius: 0 0 4px 4px; border-left: 1px solid #D9D3CF; border-right: 1px solid #D9D3CF; border-bottom: 1px solid #D9D3CF; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; color: #252220; line-height: 24px; min-height: 56px; padding: 11px 32px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access:not(.remember) { cursor: pointer; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access:hover, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access:focus { text-decoration: underline; font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access.more { border-top: 1px solid #D9D3CF; border-bottom: 1px solid #D9D3CF; padding: 0; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access.more a { color: #252220; text-decoration: none; padding: 16px 32px; display: block; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access.more a:hover, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access.more a:focus { text-decoration: underline; font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox { display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox input { position: absolute; opacity: 0; cursor: pointer; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox input:focus ~ .checkmark { outline: 1px solid #007bff; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox input:checked ~ .checkmark::after { display: block; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; border: 1px solid #252220; border-radius: 4px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 8px; height: 13px; border: solid #252220; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .desktop-access .dropdown-select .option-access .wrapper-checkbox:hover input ~ .checkmark { background-color: #faf8f7; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form { margin: 0 32px; height: 44px; width: 183px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .divisoria { border-left: 1px solid #D9D3CF; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .agencia-conta, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .codigo-operador, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cartao-credito, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cpf { line-height: 28px; height: 100%; background: #FFFFFF; border: 1px solid #D9D3CF; border-radius: 4px; padding: 8px 16px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .agencia-conta input, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .codigo-operador input, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cartao-credito input, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cpf input { height: 24px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 28px; color: #252220; border: none; background-color: transparent; width: 100%; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .agencia-conta input#agencia, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .codigo-operador input#agencia, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cartao-credito input#agencia, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cpf input#agencia { width: 67px; padding-right: 16px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .agencia-conta input#conta, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .codigo-operador input#conta, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cartao-credito input#conta, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cpf input#conta { width: 77px; padding-left: 16px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .agencia-conta input::placeholder, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .codigo-operador input::placeholder, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cartao-credito input::placeholder, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form .cpf input::placeholder { color: #73706E; font-size: 16px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send { position: absolute; margin-top: 4px; padding: 10px; border: transparent; border-radius: 4px; background-color: #D9D3CF; font-size: 24px; letter-spacing: 0; color: #9A9693; text-align: center; line-height: 24px; top: 42px; right: 44px; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { cursor: pointer; color: #FFFFFF; } [data-segment='empresas'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #003767; } [data-segment='personnalite'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #D0A967; } [data-segment='personnalite'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active::before { color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #FFFFFF; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active::before { color: #EC7000; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active::before { color: #EC7000; } [data-segment='uniclass'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #747679; } [data-segment='private'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active { background-color: #DCD7D2; } [data-segment='private'] header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form button.send.active::before { color: #252220; } header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form #formWrapperCodigoOperador, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form #formWrapperCartaoCredito, header .navbar-wrapper .content-nav-end .login .actions .wrapper .access-control .line-form #formWrapperCpf { display: none; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu { height: 32px; width: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: inline-flex; float: right; display: none; text-decoration: none; position: relative; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu[aria-expanded='true']::after { content: ''; border-top: 15px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; position: absolute; top: 27px; left: 4px; } @media only screen and (min-width: 576px) { header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu[aria-expanded='true']::after { top: 33px; } } @media only screen and (max-width: 991px) { header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu { display: inline-flex; } } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div { top: 8px; left: 3px; position: absolute; width: 24px; height: 16px; margin-right: 12px; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line { display: block; position: absolute; height: 2px; width: 24px; margin: 0px 4px; background: #252220; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line { background: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line { background: #FFFFFF; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu > div span.line:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu.open { width: 83px; } @media only screen and (max-width: 575px) { header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu.open { width: 31px; } } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu.open span.line:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; height: 1px; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu.open span.line:nth-child(2) { width: 0; opacity: 0; } header .navbar-wrapper .content-nav-end .login .actions #hamburguer-menu.open span.line:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 16px; left: 4px; height: 1px; } header .navbar-wrapper .content-nav-end .login .actions span { color: #252220; } [data-segment='varejo'] header .navbar-wrapper .content-nav-end .login .actions span { color: #FFFFFF; } [data-segment='cartoes'] header .navbar-wrapper .content-nav-end .login .actions span { color: #FFFFFF; } header .navbar-wrapper .content-nav-end .login .actions span.label { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; line-height: 32px; width: 100%; padding-top: 1px; text-align: right; } @media only screen and (max-width: 575px) { header .navbar-wrapper .content-nav-end .login .actions span.label { display: none; } } body.wcmmode-escope header .navbar-wrapper .container .row-header { display: block; } header .navbar-wrapper .btn-access[aria-expanded='true'] { position: relative; } header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::after { content: ''; border-top: 15px solid transparent; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; position: absolute; left: 0; top: 27px; } @media only screen and (min-width: 576px) { header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::after { top: 33px; } } header .navbar-wrapper .btn-access[aria-expanded='true'] > span:first-child::before { transition: .5s ease-in-out; content: '\e956'; } header .navbar-wrapper-mobile { z-index: 1; height: calc(100vh - 104px); width: 100%; background-color: #FFFFFF; top: 104px; padding: 0 0 64px; } header .navbar-wrapper-mobile.collapsing { -webkit-transition: none; transition: none; display: none; } [data-segment='varejo'] header .navbar-wrapper-mobile, [data-segment='cartoes'] header .navbar-wrapper-mobile { background-color: #FAF8F7; } header .navbar-wrapper-mobile .search-wrapper { width: 100%; left: 0; top: 0; position: fixed; background-color: #FFFFFF; z-index: 10; } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper { display: none; height: 100%; } } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form { padding: 10px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form { padding: 10px 0; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon { font-size: 24px; color: #73706E; letter-spacing: 0; text-align: center; position: relative; padding: 0; line-height: 32px; } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 28px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 20px 0; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon { padding: 16px 0; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { right: 0; top: 0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; color: #252220; line-height: 32px; opacity: 1; margin: 0 0 3px 30px; } @media screen and (min-width: 576px) and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { padding: 24px 0; line-height: 18px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close { line-height: 24px; margin: 0 0 0 5px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 24px; text-align: center; height: 32px; font-weight: 700; } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .icon-itaufonts_fechar { font-size: 18px; height: 24px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; margin-left: 8px; line-height: 28px; } @media only screen and (max-width: 319px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 767px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.close .text_fechar { display: none !important; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .icon.open { visibility: visible; } } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { width: 100%; padding: 25px 43px; box-sizing: border-box; border: none; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #252220; background-color: transparent; font-size: 32px; line-height: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding: 18px 40px; } } @media screen and (min-width: 576px) and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding: 25px 10px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding: 5px; } } @media only screen and (min-width: 320px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 18px; line-height: 28px; padding-left: 13px; } } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 40px; } } @media only screen and (min-width: 768px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 24px; line-height: 36px; padding-left: 10px; } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { font-size: 32px; line-height: 48px; padding-left: 31px; } } @media only screen and (min-width: 1200px) { header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch { padding-left: 43px; } } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch::placeholder { color: #73706E !important; } header .navbar-wrapper-mobile .search-wrapper .search-form .itauSearch:focus { outline: none; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container { width: 100vw; height: 100vh; background-color: #FFFFFF; border-top: 1px solid #D9D3CF; overflow: hidden; overflow-y: scroll; left: 0; } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container { display: none; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { color: #312D2B; font-size: 18px; font-family: "ItauText-Light", "Myriad Pro", Arial; } @media only screen and (min-width: 320px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 16px; } } @media only screen and (min-width: 992px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p { font-size: 18px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-doubt p a { text-decoration: underline; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { width: 100%; padding: 48px 95px; } @media screen and (min-width: 992px) and (max-width: 1199px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { padding: 48px 80px; } } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { padding: 48px 56px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content { padding: 24px 40px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .search-content-auto-complete { display: none; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-weight: 700; font-size: 18px; color: #EC7000; line-height: 28px; margin-bottom: 16px; } @media screen and (min-width: 320px) and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content span { margin-bottom: 8px; } } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up { margin: 20px 0 50px 0; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 24px; color: #000000; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up span.text, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text span.text { font-weight: 700; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up a.text-key-up .icon-itaufonts_busca_consulta, header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .input-text-key-up span.text .icon-itaufonts_busca_consulta { color: #252220; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 32px; color: #252220; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; line-height: 56px; } header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a strong { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-weight: 700; } @media only screen and (max-width: 991px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 24px; line-height: 48px; } } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .search-wrapper div.search-wrapper-container .search-content .links-list li a { font-size: 18px; line-height: 34px; } } header .navbar-wrapper-mobile .card { border-left: none; border-right: none; border-radius: 0; margin-top: -2px; border-top: 1px solid #D9D3CF; border-bottom: 1px solid #D9D3CF; } header .navbar-wrapper-mobile .card:last-of-type { border-bottom: none; } header .navbar-wrapper-mobile .card-header { padding: 20px 0; background-color: #FFFFFF; border-bottom: 1px solid #D9D3CF; } @media only screen and (max-width: 575px) { header .navbar-wrapper-mobile .card-header { padding: 16px 0; } } [data-segment='empresas'] header .navbar-wrapper-mobile .card-header { border-bottom: 1px solid #D9D3CF; } [data-segment='varejo'] header .navbar-wrapper-mobile .card-header[id^=heading], [data-segment='cartoes'] header .navbar-wrapper-mobile .card-header[id^=heading], [data-segment='varejo'] header .navbar-wrapper-mobile .card-header[id*=headingSub], [data-segment='cartoes'] header .navbar-wrapper-mobile .card-header[id*=headingSub] { background-color: #FAF8F7; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button, header .navbar-wrapper-mobile .card-header[id^=heading] span > button, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 18px; line-height: 32px; width: 100%; text-align: left; border: none; text-decoration: none; font-weight: 700; color: #252220; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button::before, header .navbar-wrapper-mobile .card-header[id^=heading] span > button::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button::before { font-family: 'itau-icon'; float: right; transition: all 0.5s; font-size: 24px; text-align: center; color: #252220; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button:focus, header .navbar-wrapper-mobile .card-header[id^=heading] span > button:focus, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button:focus, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button:focus { text-decoration: none; outline: -webkit-focus-ring-color auto 5px; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button::before, header .navbar-wrapper-mobile .card-header[id^=heading] span > button::before { content: "\e9ce"; } header .navbar-wrapper-mobile .card-header[id^=heading] span > button.collapsed::before, header .navbar-wrapper-mobile .card-header[id^=heading] span > button.collapsed::before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } header .navbar-wrapper-mobile .card-header[id*=headingSub] { background-color: #FFFFFF; } header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button::before { content: "\e979"; } header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button.collapsed::before, header .navbar-wrapper-mobile .card-header[id*=headingSub] span > button.collapsed::before { content: "\e973"; opacity: 1; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } [data-segment='varejo'] header .navbar-wrapper-mobile .card-body, [data-segment='cartoes'] header .navbar-wrapper-mobile .card-body { background-color: #FAF8F7; } header .navbar-wrapper-mobile .card-body.__basic { padding: 16px 15px 24px; } header .navbar-wrapper-mobile .card-body.__box { padding: 24px 0 24px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__box { padding: 32px 0 32px; } } header .navbar-wrapper-mobile .card-body.__box .container { padding-left: 0; padding-right: 0; } header .navbar-wrapper-mobile .card-body.__box .container li { border-radius: 4px; margin-bottom: 8px; height: 64px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__box .container li { height: 76px; } } header .navbar-wrapper-mobile .card-body.__box .container li:last-child { margin-bottom: 0px; } header .navbar-wrapper-mobile .card-body.__box .container li a { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; display: inline-block; width: 100%; padding: 20px 32px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__box .container li a { padding: 26px 32px; } } header .navbar-wrapper-mobile .card-body.__box .container li a::before { font-family: 'itau-icon'; float: right; content: '\e9cd'; transition: all 0.5s; font-size: 24px; text-align: center; color: #FFFFFF; } header .navbar-wrapper-mobile .card-body.__list { padding: 24px 0; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__list { padding: 32px 0; } } header .navbar-wrapper-mobile .card-body.__list .container { padding-left: 0; padding-right: 0; } header .navbar-wrapper-mobile .card-body.__list .container li { height: 64px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__list .container li { height: 76px; } } header .navbar-wrapper-mobile .card-body.__list .container li a { padding: 20px 16px 14px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__list .container li a { padding: 26px 16px 26px; } } header .navbar-wrapper-mobile .card-body.__list .container li span { width: 24px; height: 24px; vertical-align: middle; margin: 20px 0 20px 32px; } @media only screen and (min-width: 576px) { header .navbar-wrapper-mobile .card-body.__list .container li span { margin: 26px 0 26px 32px; } } header .navbar-wrapper-mobile .card-body.__list .container li span::before { vertical-align: bottom; } header .navbar-wrapper-mobile .card-body .accordion[id*=menuItemsSubMobile] { margin-top: 1px; } .skip { position: absolute; top: -1000px; z-index: 99999; padding: 12px 20px; overflow: hidden; font-size: 14px; background-color: #003767; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; color: #fff; font-weight: bold; border-bottom-right-radius: 4px; transition: top 0.3s; -mstransition: top 0.3s; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; } a.skip:active, a.skip:focus, a.skip:hover { top: 0; } html.mobile-overflow { overflow: hidden; } html.mobile-overflow .navbar-wrapper-mobile { overflow: auto; z-index: 1050; } header .navbar-wrapper-mobile .search-wrapper { top: auto; position: relative; border-bottom: 1px solid #D9D3CF; } header .navbar-wrapper-mobile .search-wrapper .logo { display: none; } header .navbar-wrapper-mobile .search-wrapper span.icon-busca-mobile { display: block; } footer { background-color: #706A66; } footer .upper-footer { background-color: #56504C; min-height: 64px; } footer .middle-footer .common-links.cmp-common__basic { margin: 40px 0; } @media only screen and (min-width: 1200px) { footer .middle-footer .common-links.cmp-common__basic { margin: 56px 0; } } footer .middle-footer .common-links.cmp-common__basic .column-title { line-height: 28px; color: #FFFFFF; display: block; } footer .middle-footer .common-links.cmp-common__basic ul li { line-height: 32px; } footer .middle-footer .common-links.cmp-common__basic ul li a { color: #FFFFFF; line-height: 32px; } footer .middle-footer .common-links.cmp-common__basic ul li a:hover { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; display: inline-block; } footer .middle-footer .common-links.cmp-common__basic ul li a:hover::after { display: none; } @media screen and (min-width: 768px) and (max-width: 991px) { footer .middle-footer { border-top: 1px solid; border-color: #89837F; } } footer .middle-footer #links-footer-mobile .card { background-color: transparent; border-top: none; border-bottom: 1px solid; border-color: #89837F; } footer .middle-footer #links-footer-mobile .card .card-header { background-color: transparent; border: none; } @media only screen and (max-width: 767px) { footer .middle-footer #links-footer-mobile .card .card-header { padding: 20px 15px; } } @media only screen and (max-width: 575px) { footer .middle-footer #links-footer-mobile .card .card-header { padding: 16px 15px; } } @media only screen and (max-width: 575px) { footer .middle-footer #links-footer-mobile .card .card-header .container { padding: 0; } } footer .middle-footer #links-footer-mobile .card .card-header .container span button { font-family: 'ItauDisplay-xBold', 'Myriad Pro', Arial; font-size: 18px; color: #FCFCFC; line-height: 32px; width: 100%; text-align: left; border: none; text-decoration: none; } footer .middle-footer #links-footer-mobile .card .card-header .container span button::before { font-family: 'itau-icon'; content: "\e9cc"; float: right; transition: all 0.5s; font-size: 24px; color: #FCFCFC; text-align: center; } footer .middle-footer #links-footer-mobile .card .card-header .container span button[aria-expanded='true']::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } footer .middle-footer #links-footer-mobile .card .card-body { border-top: 1px solid; padding: 16px 15px 24px 15px; border-color: rgba(252, 252, 252, 0.2); } @media screen and (min-width: 576px) and (max-width: 767px) { footer .middle-footer #links-footer-mobile .card .card-body { padding: 16px 15px 24px 15px; } } @media only screen and (max-width: 575px) { footer .middle-footer #links-footer-mobile .card .card-body .container { padding: 0; } } footer .middle-footer #links-footer-mobile .card .card-body .container .common-links ul li { line-height: 32px; } footer .middle-footer #links-footer-mobile .card .card-body .container .common-links ul li span { display: none; } footer .middle-footer #links-footer-mobile .card .card-body .container .common-links ul li a { color: #FFFFFF; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; line-height: 32px; } footer .middle-footer .contact-segment { margin: 32px 0 32px 0; } @media only screen and (min-width: 768px) { footer .middle-footer .contact-segment { margin-top: 38px; margin-bottom: 38px; } } @media only screen and (min-width: 992px) { footer .middle-footer .contact-segment { margin-top: 0px; margin-bottom: 40px; } } @media only screen and (min-width: 1200px) { footer .middle-footer .contact-segment { margin-bottom: 56px; } } footer .middle-footer .contact-segment .row { display: flex; height: 100%; } footer .middle-footer .contact-segment .row .contact { margin: 5px 0 6px 0; } @media only screen and (min-width: 576px) { footer .middle-footer .contact-segment .row .contact { text-align: center; } } @media only screen and (min-width: 768px) { footer .middle-footer .contact-segment .row .contact { text-align: left; } } footer .middle-footer .contact-segment .row .contact:last-child { align-self: flex-end; } @media only screen and (min-width: 576px) { footer .middle-footer .contact-segment .row .contact .contact-title { display: inline; margin-right: 15px; } } @media only screen and (min-width: 576px) { footer .middle-footer .contact-segment .row .contact .contact-number { display: inline; } } footer .middle-footer .contact-segment .row .contact p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; text-align: center; line-height: 21px; color: #FFFFFF; } footer .middle-footer .contact-segment .row .contact a { color: #FFFFFF; text-decoration: none; font-family: "ItauText-Bold", "Myriad Pro", Arial; } footer .middle-footer .contact-segment .row .contact a :hover { text-decoration: underline; color: #FFFFFF; } @media screen and (min-width: 768px) and (max-width: 991px) { footer .middle-footer .contact-segment .ombudsman-phone { order: 2; } } @media screen and (min-width: 768px) and (max-width: 991px) { footer .middle-footer .contact-segment .ombudsman-msg { order: 1; } } @media screen and (min-width: 768px) and (max-width: 991px) { footer .middle-footer .contact-segment .customer-site { order: 3; } } footer .lower-footer { border-top: 1px solid; border-color: #89837F; } footer .lower-footer .links { margin-top: 32px; } @media only screen and (min-width: 576px) { footer .lower-footer .links { text-align: center; } } @media only screen and (min-width: 768px) { footer .lower-footer .links { text-align: left; } } footer .lower-footer .links .link-item { margin-bottom: 16px; list-style: none; } @media only screen and (min-width: 576px) { footer .lower-footer .links .link-item { display: inline-block; margin-left: 20px; margin-right: 20px; } } @media only screen and (min-width: 768px) { footer .lower-footer .links .link-item:first-child { margin-left: 0px; } } footer .lower-footer .links .link-item > a { display: block; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; text-align: center; text-decoration: none; color: #FFFFFF; } @media only screen and (min-width: 992px) { footer .lower-footer .legal-info { margin-top: 32px; } } footer .lower-footer .legal-info .organization p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; text-align: center; line-height: 24px; color: #FFFFFF; } @media only screen and (min-width: 768px) { footer .lower-footer .legal-info .organization p { text-align: left; } } footer .lower-footer .legal-info .location { margin-top: 16px; margin-bottom: 32px; } @media only screen and (min-width: 992px) { footer .lower-footer .legal-info .location { margin-top: 8px; } } footer .lower-footer .legal-info .location p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 12px; text-align: center; line-height: 18px; color: #FFFFFF; } @media only screen and (min-width: 768px) { footer .lower-footer .legal-info .location p { text-align: left; } } .videos-container__box { padding-top: 64px; } @media only screen and (max-width: 767px) { .videos-container__box { padding-top: 32px; } } .videos-container h3 { font-family: 'ItauDisplay-XBold'; font-size: 18px; line-height: 27px; color: #252220; } @media only screen and (min-width: 992px) { .videos-container h3 { font-size: 20px; line-height: 30px; } } .videos-container p { font-family: 'ItauText-Light'; font-size: 18px; line-height: 27px; color: #252220; } @media only screen and (min-width: 992px) { .videos-container p { font-size: 20px; line-height: 30px; } } .videos-container .apoio p { font-size: 16px; line-height: 24px; } .videos-container a { font-family: 'ItauText-Regular'; font-size: 14px; line-height: 21px; color: #007AB7; text-decoration: underline; } @media only screen and (min-width: 992px) { .videos-container a { font-size: 16px; line-height: 24px; } } .videos-container .content-videos-container { margin-bottom: 20px; } @media only screen and (max-width: 576px) { .videos-container .content-videos-container { margin-bottom: 0; } } .videos-container .content-videos-container img { width: 100%; height: auto; margin: 0 auto; margin-bottom: 20px; } @media only screen and (min-width: 576px) { .videos-container .content-videos-container img { margin-top: 20px; } } .videos-container .content-videos-container .left-col { display: table; } @media only screen and (min-width: 576px) { .videos-container .content-videos-container .left-col { padding-right: 12px; } } .videos-container .content-videos-container .left-col [class*='subLeftCol'] { display: table-footer-group; float: none !important; } .videos-container .content-videos-container .right-col { display: table; } @media only screen and (min-width: 576px) { .videos-container .content-videos-container .right-col { padding-left: 0px; } } @media only screen and (max-width: 576px) { .videos-container .content-videos-container .right-col img { margin-top: 30px; } } .videos-container .content-videos-container .right-col [class*='subRightCol'] { display: table-footer-group; float: none !important; } .video-carousel-container { /** * Global Styles * Probably duplicated */ /** * Component Styles */ /** * Authoring Styles */ } .video-carousel-container .video-carousel-item .button { display: block; width: 100%; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='varejo'] .video-carousel-container .video-carousel-item .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='empresas'] .video-carousel-container .video-carousel-item .button { background-color: #003767; color: #FFFFFF; } [data-segment='personnalite'] .video-carousel-container .video-carousel-item .button { background-color: #D0A967; color: #252220; } [data-segment='uniclass'] .video-carousel-container .video-carousel-item .button { background-color: #4F758B; color: #FFFFFF; } .video-carousel-container .video-carousel-item .button:hover { background: #ED7E19; } .video-carousel-container .video-carousel-item { width: auto; height: 395px; margin: 0; background-color: #000000; } @media only screen and (min-width: 576px) { .video-carousel-container .video-carousel-item { height: 320px; } } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item { height: 480px; } } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item { height: 495px; } } @media only screen and (min-width: 1200px) { .video-carousel-container .video-carousel-item { height: 575px; } } .video-carousel-container .video-carousel-item__inner { position: relative; height: 100%; } .video-carousel-container .video-carousel-item__image-container { position: relative; height: 100%; pointer-events: none; z-index: 1; animation: fadein 4s; } .video-carousel-container .video-carousel-item__image-container:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; } .video-carousel-container .video-carousel-item__image-container img { width: 100%; height: 100%; object-fit: cover; } .video-carousel-container .video-carousel-item__video-container { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ margin: 0; height: 0; pointer-events: none; z-index: 1; } @media only screen and (max-width: 767px) { .video-carousel-container .video-carousel-item__video-container { display: none; } } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item__video-container { padding-bottom: 63.25%; margin: 0; } } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item__video-container { padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ margin: 0; } } .video-carousel-container .video-carousel-item__video-container:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.58); pointer-events: none; } .video-carousel-container .video-carousel-item__video-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: fadein 4s; } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item__video-container img { top: -6%; } } @media only screen and (min-width: 1200px) { .video-carousel-container .video-carousel-item__video-container img { top: -12%; } } .video-carousel-container .video-carousel-item__video-container img:-webkit-media-controls { display: none !important; } .video-carousel-container .video-carousel-item__content { display: flex; align-items: start; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; color: #FFFFFF !important; } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item__content { align-items: center; } } .video-carousel-container .video-carousel-item__content > .container { padding-top: 32px; padding-bottom: 32px; } .video-carousel-container .video-carousel-item__caption { height: 222px; } @media screen and (min-width: 576px) and (max-width: 767px) { .video-carousel-container .video-carousel-item__caption { height: 155px; } } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item__caption { margin-left: 35px; } } .video-carousel-container .video-carousel-item__caption .overwrite { padding: 0 0 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; } .video-carousel-container .video-carousel-item__caption .title { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; color: #FFFFFF !important; } @media only screen and (min-width: 576px) { .video-carousel-container .video-carousel-item__caption .title { padding: 0 0 8px; font-size: 22px; line-height: 32px; } } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item__caption .title { padding: 0 0 16px; font-size: 32px; line-height: 48px; } } .video-carousel-container .video-carousel-item__caption .description p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; padding: 0 0 8px; } @media only screen and (min-width: 576px) { .video-carousel-container .video-carousel-item__caption .description p { font-size: 18px; line-height: 26px; } } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item__caption .description p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item__footer { margin-left: 35px; } } .video-carousel-container .video-carousel-item .button { margin: 24px 0 0; } @media only screen and (min-width: 576px) { .video-carousel-container .video-carousel-item .button { width: 210px; } } @media only screen and (min-width: 768px) { .video-carousel-container .video-carousel-item .button { margin: 40px 0 0; } } @media only screen and (min-width: 992px) { .video-carousel-container .video-carousel-item .button { width: 255px; } } .video-carousel-container .video-carousel-item .button i { margin-right: 10px; font-size: 22px; position: relative; top: 2px; } .video-carousel-container .authoring-mode .video-carousel-item { height: 450px; margin: 15px 0; overflow: hidden; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /** * Component Styles */ .video-carousel-container__header .title { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .video-carousel-container__header .title { color: #003767; } [data-segment='personnalite'] .video-carousel-container__header .title { color: #252220; } [data-segment='varejo'] .video-carousel-container__header .title { color: #EC7000; } @media only screen and (min-width: 576px) { .video-carousel-container__header .title { font-size: 32px; line-height: 48px; } } .video-carousel-container__header .description { padding: 0 0 28px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .video-carousel-container__header .description { color: #312D2B; } [data-segment='personnalite'] .video-carousel-container__header .description { color: #252220; } @media only screen and (min-width: 576px) { .video-carousel-container__header .description { font-size: 20px; line-height: 30px; } } .video-carousel-container__header .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .video-carousel-container__list { margin-bottom: 0px !important; } .video-carousel-container .lSAction:before { font-family: 'itau-icon'; font-size: 36px; } .video-carousel-container .lSPrev { z-index: 1; left: 25px; } .video-carousel-container .lSPrev:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 36px; color: #FFFFFF; } .video-carousel-container .lSNext { right: 25px; } .video-carousel-container .lSNext:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 36px; color: #FFFFFF; } .video-carousel-container .timeline-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); } .video-carousel-container .timeline { background-color: #000000; } .video-carousel-container .timeline img, .video-carousel-container .timeline video, .video-carousel-container .timeline iframe { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); } .video-carousel-container .timeline.active img, .video-carousel-container .timeline.active video, .video-carousel-container .timeline.active iframe { transform: scale(1); } .video-carousel-container .lSPager { display: flex; flex-wrap: nowrap; justify-content: center; height: 2px; width: 100%; position: absolute; pointer-events: none; bottom: 32px; padding: 0 15px; } @media only screen and (min-width: 576px) { .video-carousel-container .lSPager { bottom: 24px; } } @media only screen and (min-width: 768px) { .video-carousel-container .lSPager { height: 3px; bottom: 48px; } } .video-carousel-container .lSPager li { width: 100%; height: 100%; max-width: 56px; margin: 0 5px; padding: 0px !important; } @media only screen and (min-width: 576px) { .video-carousel-container .lSPager li { max-width: 80px; margin: 0 8px; } } @media only screen and (min-width: 768px) { .video-carousel-container .lSPager li { max-width: 180px; margin: 0 5px; } } .video-carousel-container .lSPager li .timeline { height: 100%; background: #FFFFFF; } .video-carousel-container .lSPager li .timeline .timeline-track { height: 100%; width: 0; display: block; transition-property: width; transition-timing-function: linear; } .video-carousel-container .lSPager li.active .timeline .timeline-track { width: 100%; } [data-segment='empresas'] .video-carousel-container .lSPager li.active .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .video-carousel-container .lSPager li.active .timeline .timeline-track { background: #D0A967; } [data-segment='varejo'] .video-carousel-container .lSPager li.active .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .video-carousel-container .lSPager li.active .timeline .timeline-track { background-color: #4F758B; } .text-icon section { padding-top: 64px; } @media only screen and (max-width: 767px) { .text-icon section { padding-top: 32px; } } .text-icon .bg-image .text-icon__list-item p, .text-icon .bg-blue .text-icon__list-item p { color: #FFFFFF; } .text-icon section { background-size: cover; } .text-icon section .container-fluid { padding: 0; margin-left: 0; margin-right: 0; } .text-icon section .container-fluid .row { max-width: 100%; margin-right: 0; margin-left: 0; } .text-icon__title { position: relative; } .text-icon__title h2 { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .text-icon__title h2 { color: #003767; } [data-segment='personnalite'] .text-icon__title h2 { color: #252220; } [data-segment='varejo'] .text-icon__title h2 { color: #EC7000; } [data-segment='uniclass'] .text-icon__title h2 { color: #252220; } [data-segment='private'] .text-icon__title h2 { color: #FFFFFF; } [data-segment='boletos'] .text-icon__title h2 { color: #EC7000; } [data-segment='cartoes'] .text-icon__title h2 { color: #FFFFFF; } @media only screen and (min-width: 768px) { .text-icon__title h2 { font-size: 32px; line-height: 48px; } } .text-icon__title .paragraph { padding: 0 0 16px; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; } [data-segment='empresas'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='personnalite'] .text-icon__title .paragraph { color: #252220; } [data-segment='uniclass'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='private'] .text-icon__title .paragraph { color: #FFFFFF; } [data-segment='boletos'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='cartoes'] .text-icon__title .paragraph { color: #FFFFFF; } @media only screen and (min-width: 992px) { .text-icon__title .paragraph { font-size: 16px; line-height: 24px; padding: 0 0 32px; } } .text-icon__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } [data-segment='private'] .text-icon__title .overwrite { color: #FFFFFF; } [data-segment='cartoes'] .text-icon__title .overwrite { color: #FFFFFF; } .text-icon__title .link { color: #007AB7 !important; text-decoration: underline !important; font-size: 16px; line-height: 24px; font-family: 'ItauDisplay-Light'; cursor: pointer; } .text-icon__title--fluid { padding-left: 15px; } @media only screen and (max-width: 767px) { .text-icon .lSSlideWrapper { width: 100%; } } .text-icon__list { justify-content: center; padding: 0; } @media only screen and (min-width: 768px) { .text-icon__list.lightSlider { margin-left: 130px; } } @media only screen and (min-width: 768px) { .text-icon__list.lightSlider li { margin: 15px 32px !important; } } @media only screen and (min-width: 576px) { .text-icon__list { flex-wrap: nowrap; margin-left: 8px; } } @media only screen and (min-width: 768px) { .text-icon__list { max-width: 690px; margin-left: 0px; } } @media only screen and (min-width: 992px) { .text-icon__list { margin-left: -24px; } } .text-icon__list li { width: 130px !important; margin-bottom: 32px; margin-left: 0px; margin-right: 0px; display: inline-block; } @media only screen and (min-width: 576px) { .text-icon__list li { width: 150px !important; margin: 15px 12px !important; } } @media only screen and (min-width: 768px) { .text-icon__list li { width: 135px !important; margin: 15px 45px !important; } } @media only screen and (min-width: 992px) { .text-icon__list li { width: 150px !important; margin: 15px 0px !important; } } @media only screen and (min-width: 1200px) { .text-icon__list li { margin: 15px 8px !important; } } @media only screen and (min-width: 576px) { .text-icon__list li.lslide { max-width: 150px; margin-left: 0; } .text-icon__list li.lslide:first-child { margin-left: 45px; } } @media only screen and (min-width: 768px) { .text-icon__list li.lslide { max-width: 135px; margin-right: 30px; } .text-icon__list li.lslide:first-child { margin-left: 0; } } @media only screen and (min-width: 992px) { .text-icon__list li.lslide { max-width: 140px; margin-right: 25px; } } @media only screen and (min-width: 1200px) { .text-icon__list li.lslide { max-width: 160px; margin-right: 30px; } } .text-icon__list-item p, .text-icon__list-item a, .text-icon__list-item .icon-text { width: 130px; display: block; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #252220; text-align: center; line-height: 21px; text-decoration: underline; } @media only screen and (min-width: 576px) { .text-icon__list-item p, .text-icon__list-item a, .text-icon__list-item .icon-text { width: 150px; } } [data-segment='private'] .text-icon__list-item p, [data-segment='cartoes'] .text-icon__list-item p, [data-segment='private'] .text-icon__list-item a, [data-segment='cartoes'] .text-icon__list-item a, [data-segment='private'] .text-icon__list-item .icon-text, [data-segment='cartoes'] .text-icon__list-item .icon-text { color: #FFFFFF !important; } .text-icon__list-item .icon-text { text-decoration: underline; } .text-icon__icon-wrapper { display: block; position: relative; margin: 0 auto 16px; width: 90px; height: 90px; border: 2px solid; border-radius: 100%; background: #EC7000; border-color: #EC7000 !important; margin: 0px auto 24px !important; } [data-segment='empresas'] .text-icon__icon-wrapper { background: #003767 !important; border-color: #003767 !important; } [data-segment='uniclass'] .text-icon__icon-wrapper { background: #747679 !important; border-color: #747679 !important; } [data-segment='personnalite'] .text-icon__icon-wrapper { background: #876632 !important; border-color: #876632 !important; } [data-segment='cartoes'] .text-icon__icon-wrapper { background: #EC7000 !important; border-color: #EC7000 !important; } [data-segment='private'] .text-icon__icon-wrapper { background: transparent; border-color: #FFFFFF !important; } .text-icon__icon-wrapper .icon { color: #FFFFFF; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 48px; letter-spacing: 0; } [data-segment='empresas'] .text-icon__icon-wrapper .icon, [data-segment='personnalite'] .text-icon__icon-wrapper .icon, [data-segment='uniclass'] .text-icon__icon-wrapper .icon, [data-segment='cartoes'] .text-icon__icon-wrapper .icon, [data-segment='private'] .text-icon__icon-wrapper .icon { color: #FFFFFF !important; } .text-icon .icons { display: flex; align-items: center; padding: 0; } @media only screen and (min-width: 992px) { .text-icon .icons { align-items: start; padding-left: 40px; } } @media only screen and (min-width: 992px) { .text-icon .icons .lSSlideOuter { width: 100%; } } .text-icon .lSAction { width: 48px; height: 46px; z-index: 10; } .text-icon .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction:before, [data-segment='cartoes'] .text-icon .lSAction:before { color: #FFFFFF; } .text-icon .lSAction .lSPrev { left: -22%; } @media only screen and (min-width: 768px) { .text-icon .lSAction .lSPrev { left: -21px; top: 96px; } } @media only screen and (min-width: 992px) { .text-icon .lSAction .lSPrev { left: 64px; } } @media only screen and (min-width: 1200px) { .text-icon .lSAction .lSPrev { left: 64px; } } .text-icon .lSAction .lSPrev:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction .lSPrev:before, [data-segment='cartoes'] .text-icon .lSAction .lSPrev:before { color: #FFFFFF; } .text-icon .lSAction .lSPrev.slick-disabled:before { opacity: .25; } .text-icon .lSAction .lSNext { right: -22%; } @media only screen and (min-width: 768px) { .text-icon .lSAction .lSNext { right: 10px; top: 96px; } } @media only screen and (min-width: 992px) { .text-icon .lSAction .lSNext { right: 42px; } } @media only screen and (min-width: 1200px) { .text-icon .lSAction .lSNext { right: -16px; } } .text-icon .lSAction .lSNext:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction .lSNext:before, [data-segment='cartoes'] .text-icon .lSAction .lSNext:before { color: #FFFFFF; } .text-icon .lSAction .lSNext.slick-disabled:before { opacity: .25; } .text-icon .lSPager { bottom: -24px; margin-bottom: 16px; } @media only screen and (min-width: 576px) { .text-icon .lSPager { bottom: -50px; } } .text-icon .lSPager li:not(.active) .timeline-track { width: 0% !important; } .text-icon .lSPager a { display: block; } .text-icon .lSPager .slick-count { display: flex; align-items: center; } .text-icon .lSPager .counter { margin-right: 15px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 20px; line-height: 32px; color: #969290; } @media only screen and (min-width: 768px) { .text-icon .lSPager .counter { font-size: 20px; } } [data-segment='private'] .text-icon .lSPager .counter, [data-segment='cartoes'] .text-icon .lSPager .counter { color: #FFFFFF; } .text-icon .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .text-icon .lSPager .timeline { background: #cbcbcb; } .text-icon .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .text-icon .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .text-icon .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .text-icon .lSPager .timeline .timeline-track, [data-segment='cartoes'] .text-icon .lSPager .timeline .timeline-track, [data-segment='private'] .text-icon .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .text-icon .lSPager .timeline .timeline-track { background: #4F758B; } [data-segment='private'] .text-icon .lSPager .timeline .timeline-track { background: #EC7000; } .text-icon .lSPager li { margin: 0 0 0 12px; width: auto; } .text-icon .lSPager li a { color: #605751; } .text-icon .lSPager li a:hover { text-decoration: none; } .text-icon .lSPager li.active .timeline { display: block; opacity: 1; width: 80px; } @media only screen and (min-width: 768px) { .text-icon .lSPager li.active .timeline { width: 80px; } } .text-icon .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .text-icon .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .text-icon .lSPager li.active a { color: #876632; } [data-segment='varejo'] .text-icon .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .text-icon .lSPager li.active a { color: #252220; } .text-icon .lSPager li.active .counter { color: #EC7000; } .text-icon .button { display: block; margin: 0 0 32px 0; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .text-icon .button, [data-segment='varejo'] .text-icon .button, [data-segment='uniclass'] .text-icon .button, [data-segment='private'] .text-icon .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .text-icon .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .text-icon .button { width: 100%; max-width: 290px; } } @media only screen and (min-width: 576px) { .text-icon .button { width: 240px; } } @media only screen and (min-width: 768px) { .text-icon .button { width: 290px; } } @media only screen and (min-width: 1200px) { .text-icon .button { width: 350px; } } @media only screen and (min-width: 768px) { .text-icon .button { font-size: 19px; margin: 0 0 64px 0; } } @media only screen and (min-width: 992px) { .text-icon .button { margin: 0; } } .text-icon .button:hover { background: #D27000; } [data-segment='personnalite'] .text-icon .button:hover { background: #D6B782; } .text-icon .desktop-button { display: none; } @media only screen and (min-width: 992px) { .text-icon .desktop-button { display: block; } } .text-icon .mobile-button { display: flex; justify-content: center; margin-left: 15px; padding-right: 0px; } @media only screen and (min-width: 992px) { .text-icon .mobile-button { display: none; } } .text-icon section { padding-top: 64px; } @media only screen and (max-width: 767px) { .text-icon section { padding-top: 32px; } } .text-icon .bg-image .text-icon__title h2, .text-icon .bg-image .text-icon__title .overwrite, .text-icon .bg-image .text-icon__title .paragraph, .text-icon .bg-image .text-icon__title p, .text-icon .bg-blue .text-icon__title h2, .text-icon .bg-blue .text-icon__title .overwrite, .text-icon .bg-blue .text-icon__title .paragraph, .text-icon .bg-blue .text-icon__title p { color: #FFFFFF; } .text-icon .bg-image .text-icon__title .text-icon__list-item, .text-icon .bg-blue .text-icon__title .text-icon__list-item { color: #FFFFFF; } .text-icon section { background-size: cover; } .text-icon section .container-fluid { padding: 0; margin-left: 0; margin-right: 0; } .text-icon section .container-fluid .row { max-width: 100%; margin-right: 0; margin-left: 0; } .text-icon__title { position: relative; } .text-icon__title h2 { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .text-icon__title h2 { color: #003767; } [data-segment='personnalite'] .text-icon__title h2 { color: #252220; } [data-segment='varejo'] .text-icon__title h2 { color: #EC7000; } [data-segment='uniclass'] .text-icon__title h2 { color: #252220; } [data-segment='private'] .text-icon__title h2 { color: #FFFFFF; } [data-segment='boletos'] .text-icon__title h2 { color: #EC7000; } [data-segment='cartoes'] .text-icon__title h2 { color: #FFFFFF; } @media only screen and (min-width: 768px) { .text-icon__title h2 { font-size: 32px; line-height: 48px; } } .text-icon__title .paragraph { padding: 0 0 16px; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; } [data-segment='empresas'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='personnalite'] .text-icon__title .paragraph { color: #252220; } [data-segment='uniclass'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='private'] .text-icon__title .paragraph { color: #FFFFFF; } [data-segment='boletos'] .text-icon__title .paragraph { color: #312D2B; } [data-segment='cartoes'] .text-icon__title .paragraph { color: #FFFFFF; } @media only screen and (min-width: 992px) { .text-icon__title .paragraph { font-size: 16px; line-height: 24px; padding: 0 0 32px; } } .text-icon__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } [data-segment='private'] .text-icon__title .overwrite { color: #FFFFFF; } [data-segment='cartoes'] .text-icon__title .overwrite { color: #FFFFFF; } .text-icon__title .link { color: #007AB7 !important; text-decoration: underline !important; font-size: 16px; line-height: 24px; font-family: 'ItauDisplay-Light'; cursor: pointer; } .text-icon__title--fluid { padding-left: 15px; } @media only screen and (max-width: 767px) { .text-icon .lSSlideWrapper { width: 100%; } } .text-icon__list { justify-content: center; padding: 0; } @media only screen and (min-width: 768px) { .text-icon__list.lightSlider { margin-left: 130px; } } @media only screen and (min-width: 768px) { .text-icon__list.lightSlider li { margin: 15px 32px !important; } } @media only screen and (min-width: 576px) { .text-icon__list { flex-wrap: nowrap; margin-left: 8px; } } @media only screen and (min-width: 768px) { .text-icon__list { max-width: 690px; margin-left: 0px; } } @media only screen and (min-width: 992px) { .text-icon__list { margin-left: -24px; } } .text-icon__list li { width: 130px !important; margin-bottom: 32px; margin-left: 0px; margin-right: 0px; display: inline-block; } @media only screen and (min-width: 576px) { .text-icon__list li { width: 150px !important; margin: 15px 12px !important; } } @media only screen and (min-width: 768px) { .text-icon__list li { width: 135px !important; margin: 15px 45px !important; } } @media only screen and (min-width: 992px) { .text-icon__list li { width: 150px !important; margin: 15px 0px !important; } } @media only screen and (min-width: 1200px) { .text-icon__list li { margin: 15px 8px !important; } } @media only screen and (min-width: 576px) { .text-icon__list li.lslide { max-width: 150px; margin-left: 0; } .text-icon__list li.lslide:first-child { margin-left: 45px; } } @media only screen and (min-width: 768px) { .text-icon__list li.lslide { max-width: 135px; margin-right: 30px; } .text-icon__list li.lslide:first-child { margin-left: 0; } } @media only screen and (min-width: 992px) { .text-icon__list li.lslide { max-width: 140px; margin-right: 25px; } } @media only screen and (min-width: 1200px) { .text-icon__list li.lslide { max-width: 160px; margin-right: 30px; } } .text-icon__list-item p, .text-icon__list-item a, .text-icon__list-item .icon-text { width: 130px; display: block; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #252220; text-align: center; line-height: 21px; text-decoration: underline; } @media only screen and (min-width: 576px) { .text-icon__list-item p, .text-icon__list-item a, .text-icon__list-item .icon-text { width: 150px; } } [data-segment='private'] .text-icon__list-item p, [data-segment='cartoes'] .text-icon__list-item p, [data-segment='private'] .text-icon__list-item a, [data-segment='cartoes'] .text-icon__list-item a, [data-segment='private'] .text-icon__list-item .icon-text, [data-segment='cartoes'] .text-icon__list-item .icon-text { color: #FFFFFF !important; } .text-icon__list-item .icon-text { text-decoration: underline; } .text-icon__icon-wrapper { display: block; position: relative; margin: 0 auto 16px; width: 90px; height: 90px; border: 2px solid; border-radius: 100%; background: #EC7000; border-color: #EC7000 !important; margin: 0px auto 24px !important; } [data-segment='empresas'] .text-icon__icon-wrapper { background: #003767 !important; border-color: #003767 !important; } [data-segment='uniclass'] .text-icon__icon-wrapper { background: #747679 !important; border-color: #747679 !important; } [data-segment='personnalite'] .text-icon__icon-wrapper { background: #876632 !important; border-color: #876632 !important; } [data-segment='cartoes'] .text-icon__icon-wrapper { background: #EC7000 !important; border-color: #EC7000 !important; } [data-segment='private'] .text-icon__icon-wrapper { background: transparent; border-color: #FFFFFF !important; } .text-icon__icon-wrapper .icon { color: #FFFFFF; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 48px; letter-spacing: 0; } [data-segment='empresas'] .text-icon__icon-wrapper .icon, [data-segment='personnalite'] .text-icon__icon-wrapper .icon, [data-segment='uniclass'] .text-icon__icon-wrapper .icon, [data-segment='cartoes'] .text-icon__icon-wrapper .icon, [data-segment='private'] .text-icon__icon-wrapper .icon { color: #FFFFFF !important; } .text-icon .icons { display: flex; align-items: center; padding: 0; } @media only screen and (min-width: 992px) { .text-icon .icons { align-items: start; padding-left: 40px; } } @media only screen and (min-width: 992px) { .text-icon .icons .lSSlideOuter { width: 100%; } } .text-icon .lSAction { width: 48px; height: 46px; z-index: 10; } .text-icon .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction:before, [data-segment='cartoes'] .text-icon .lSAction:before { color: #FFFFFF; } .text-icon .lSAction .lSPrev { left: -22%; } @media only screen and (min-width: 768px) { .text-icon .lSAction .lSPrev { left: -21px; top: 96px; } } @media only screen and (min-width: 992px) { .text-icon .lSAction .lSPrev { left: 64px; } } @media only screen and (min-width: 1200px) { .text-icon .lSAction .lSPrev { left: 64px; } } .text-icon .lSAction .lSPrev:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction .lSPrev:before, [data-segment='cartoes'] .text-icon .lSAction .lSPrev:before { color: #FFFFFF; } .text-icon .lSAction .lSPrev.slick-disabled:before { opacity: .25; } .text-icon .lSAction .lSNext { right: -22%; } @media only screen and (min-width: 768px) { .text-icon .lSAction .lSNext { right: 10px; top: 96px; } } @media only screen and (min-width: 992px) { .text-icon .lSAction .lSNext { right: 42px; } } @media only screen and (min-width: 1200px) { .text-icon .lSAction .lSNext { right: -16px; } } .text-icon .lSAction .lSNext:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 48px; color: #252220; opacity: 1; } [data-segment='private'] .text-icon .lSAction .lSNext:before, [data-segment='cartoes'] .text-icon .lSAction .lSNext:before { color: #FFFFFF; } .text-icon .lSAction .lSNext.slick-disabled:before { opacity: .25; } .text-icon .lSPager { bottom: -24px; margin-bottom: 16px; } @media only screen and (min-width: 576px) { .text-icon .lSPager { bottom: -50px; } } .text-icon .lSPager li:not(.active) .timeline-track { width: 0% !important; } .text-icon .lSPager a { display: block; } .text-icon .lSPager .slick-count { display: flex; align-items: center; } .text-icon .lSPager .counter { margin-right: 15px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 20px; line-height: 32px; color: #969290; } @media only screen and (min-width: 768px) { .text-icon .lSPager .counter { font-size: 20px; } } [data-segment='private'] .text-icon .lSPager .counter, [data-segment='cartoes'] .text-icon .lSPager .counter { color: #FFFFFF; } .text-icon .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .text-icon .lSPager .timeline { background: #cbcbcb; } .text-icon .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .text-icon .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .text-icon .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .text-icon .lSPager .timeline .timeline-track, [data-segment='cartoes'] .text-icon .lSPager .timeline .timeline-track, [data-segment='private'] .text-icon .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .text-icon .lSPager .timeline .timeline-track { background: #4F758B; } [data-segment='private'] .text-icon .lSPager .timeline .timeline-track { background: #EC7000; } .text-icon .lSPager li { margin: 0 0 0 12px; width: auto; } .text-icon .lSPager li a { color: #605751; } .text-icon .lSPager li a:hover { text-decoration: none; } .text-icon .lSPager li.active .timeline { display: block; opacity: 1; width: 80px; } @media only screen and (min-width: 768px) { .text-icon .lSPager li.active .timeline { width: 80px; } } .text-icon .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .text-icon .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .text-icon .lSPager li.active a { color: #876632; } [data-segment='varejo'] .text-icon .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .text-icon .lSPager li.active a { color: #252220; } .text-icon .lSPager li.active .counter { color: #EC7000; } .text-icon .button { display: block; margin: 0 0 32px 0; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .text-icon .button, [data-segment='varejo'] .text-icon .button, [data-segment='uniclass'] .text-icon .button, [data-segment='private'] .text-icon .button, [data-segment='cartoes'] .text-icon .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .text-icon .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .text-icon .button { width: 100%; max-width: 290px; } } @media only screen and (min-width: 576px) { .text-icon .button { width: 240px; } } @media only screen and (min-width: 768px) { .text-icon .button { width: 290px; } } @media only screen and (min-width: 1200px) { .text-icon .button { width: 350px; } } @media only screen and (min-width: 768px) { .text-icon .button { font-size: 19px; margin: 0 0 64px 0; } } @media only screen and (min-width: 992px) { .text-icon .button { margin: 0; } } .text-icon .button:hover { background: #ED7E19; } [data-segment='personnalite'] .text-icon .button:hover { background: #D6B782; } .text-icon .desktop-button { display: none; } @media only screen and (min-width: 992px) { .text-icon .desktop-button { display: block; } } .text-icon .mobile-button { display: flex; justify-content: center; } @media only screen and (min-width: 992px) { .text-icon .mobile-button { display: none; } } /** Colors */ /** Media query*/ .sub-page-banner .banner { position: relative; width: 100%; height: 253px; } .sub-page-banner .banner .media .image { object-fit: cover !important; width: 100% !important; height: 100% !important; position: absolute; top: 50%; left: 50%; width: auto; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); } .sub-page-banner .banner .media .image.mobile { display: block; } @media only screen and (min-width: 768px) { .sub-page-banner .banner .media .image.mobile { display: none; } } .sub-page-banner .banner .media .image.desktop { display: none; } @media only screen and (min-width: 768px) { .sub-page-banner .banner .media .image.desktop { display: block; } } .sub-page-banner .banner .container { position: relative; } .sub-page-banner .banner .container .content { padding: 47px 0; } @media only screen and (min-width: 576px) { .sub-page-banner .banner .container .content { padding: 51px 0; } } @media only screen and (min-width: 768px) { .sub-page-banner .banner .container .content { padding: 33px 0; } } @media only screen and (min-width: 992px) { .sub-page-banner .banner .container .content { padding: 48px 0; } } @media only screen and (min-width: 1200px) { .sub-page-banner .banner .container .content { padding: 78px 0; } } .sub-page-banner .banner .container .content h1 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 30px; line-height: 45px; color: #EC7000; } @media only screen and (min-width: 768px) { .sub-page-banner .banner .container .content h1 { font-size: 40px; line-height: 60px; } } [data-segment='empresas'] .sub-page-banner .banner .container .content h1 { color: #003767; } [data-segment='personnalite'] .sub-page-banner .banner .container .content h1 { color: #252220; } [data-segment='uniclass'] .sub-page-banner .banner .container .content h1 { color: #252220; } .sub-page-banner .banner .container .content p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; color: #312D2B; } @media only screen and (min-width: 768px) { .sub-page-banner .banner .container .content p { font-size: 20px; line-height: 30px; } } [data-segment='empresas'] .sub-page-banner .banner .container .content p { color: #003767; } [data-segment='personnalite'] .sub-page-banner .banner .container .content p { color: #252220; } [data-segment='uniclass'] .sub-page-banner .banner .container .content p { color: #252220; } .static-scnd-cards-with-icons-and-text-shared { background: #F7F4F2; } .static-scnd-cards-with-icons-and-text-shared .container { display: flex; flex-direction: column; } .static-scnd-cards-with-icons-and-text-shared .card-box-container { display: flex; margin-bottom: 126px; } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-box-container { margin-bottom: 133px; } } @media only screen and (max-width: 767px) { .static-scnd-cards-with-icons-and-text-shared .card-box-container { flex-direction: column; } } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box-container { flex-flow: wrap; } } .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title { position: relative; padding-top: 0px; margin-top: 32px; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title { margin-top: 64px; } } @media only screen and (min-width: 992px) { .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title { margin-top: 88px; } } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title { margin-top: 112px; } } .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { font-family: 'ItauDisplay-XBold'; font-size: 22px; color: #252220 !important; line-height: 33px; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { font-size: 32px; } } @media only screen and (min-width: 992px) { .static-scnd-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { color: #000000 !important; } } .static-scnd-cards-with-icons-and-text-shared .card-box__body { flex: 1; margin-top: 32px; position: relative; margin-bottom: 18px; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body:nth-child(3) .card-box__inner-text p { width: 85%; } } @media only screen and (min-width: 992px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body:nth-child(3) .card-box__inner-text p { width: 100%; } } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body { padding-left: 15px; padding-right: 15px; } .static-scnd-cards-with-icons-and-text-shared .card-box__body:nth-child(1) { padding-left: 0; } } .static-scnd-cards-with-icons-and-text-shared .card-box__body a { position: absolute; bottom: -13px; font-family: 'ItauText-Light'; font-size: 14px; line-height: 18px; text-decoration: underline; color: #0076B1; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; bottom: -16px; } } @media only screen and (min-width: 992px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body a { bottom: -17px; } } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-box__body a { bottom: -19px; } } .static-scnd-cards-with-icons-and-text-shared .card-box__text { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 15px; color: #252220; line-height: 20.8px; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box__text { font-size: 22px; line-height: 32px; margin-bottom: 16px; } } .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 18px; color: #6E6E6E; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text p { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #605751; line-height: 28px; } } @media only screen and (min-width: 576px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text { width: 510px; } } @media only screen and (min-width: 768px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text { width: 330px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 22px; line-height: 32px; } } @media only screen and (min-width: 992px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text { width: 210px; } } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text { width: 100%; } } @media only screen and (min-width: 1200px) { .static-scnd-cards-with-icons-and-text-shared .card-box__inner-text p { min-height: 80px; } } @media only screen and (max-width: 767px) { .static-scnd-cards-with-icons-and-text-shared .card-box__caption { display: flex; align-items: center; } } .static-scnd-cards-with-icons-and-text-shared .card-box__icon { margin-right: 13px; margin-bottom: 15px; height: 40px; width: 40px; } .static-scnd-cards-with-icons-and-text-shared .card-box__icon i { font-family: 'itau-icon' !important; font-size: 40px; color: #EC7000; letter-spacing: 0; line-height: 41px; } .icon-itaufonts_parcelamento:before { content: '\e981'; } .icon-itaufonts_email_resposta_rapida_outline:before { content: '\e94a'; } .icon-itaufonts_programa_de_pontos_outline:before { content: '\e990'; } .icon-itaufonts_cartao:before { content: '\e9e7'; } #body { overflow: hidden; } .static-over-image-right-with-cards-icons { background: #ffffff; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .container { position: relative; top: -28px; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .container { position: relative; top: 0; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .container { padding-right: 0; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .container { padding-right: 15px; } } .static-over-image-right-with-cards-icons .static-over-img-mobile { position: relative; top: -20px; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .static-over-img-mobile { top: -28px; } } .static-over-image-right-with-cards-icons .static-overimage-container { padding-top: 12px; padding-bottom: 32px; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .static-overimage-container { padding-top: 0; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .static-overimage-container { padding-top: 0px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .static-overimage-container { padding-bottom: 0px; } } .static-over-image-right-with-cards-icons .static-overimage-container .static-overimage-left { position: relative; } @media only screen and (max-width: 767px) { .static-over-image-right-with-cards-icons .static-overimage-container .static-overimage-left { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .static-overimage-container .static-overimage-left { background: #ffffff; padding: 64px 0 0 0; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .static-overimage-container .static-overimage-left { padding: 86px 0 0 0; } } @media only screen and (min-width: 1400px) { .static-over-image-right-with-cards-icons .static-overimage-container .static-overimage-left { padding: 96px 0 0 0; } } .static-over-image-right-with-cards-icons .title-container { margin-bottom: 32px; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .title-container { margin-bottom: 24px; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .title-container { margin-bottom: 15px; position: relative; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .title-container { margin-bottom: 24px; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .title-container { margin-bottom: 39px; } } .static-over-image-right-with-cards-icons .title-container .title-container_title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; color: #252220; line-height: 33px; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .title-container .title-container_title { font-size: 32px; color: #000000; letter-spacing: 1px; line-height: 48.73px; margin-bottom: 12px; } } .static-over-image-right-with-cards-icons .title-container .title-d-container_subtitle { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 16px; color: #6E6E6E; line-height: 27px; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .title-container .title-d-container_subtitle { width: 82%; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .title-container .title-d-container_subtitle { width: 78%; font-size: 22px; color: #6E6E6E; line-height: 28px; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .title-container .title-d-container_subtitle { width: 92%; } } .static-over-image-right-with-cards-icons .content-container { position: relative; } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .content-container-position { position: absolute; top: 0; left: 0; width: 477px; background: white; z-index: 1; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .content-container-position { width: 484px; padding-right: 30px; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .content-container .content-container-position { width: 544px; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .items-container { position: relative; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .row { padding: 40px 0 0 0 !important; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .content-container .items-container .row { padding: 48px 0 0 0 !important; } } .static-over-image-right-with-cards-icons .content-container .items-container .item-header img { width: auto; margin-bottom: 8px; } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-header img { width: 100%; margin-bottom: 24px; } } .static-over-image-right-with-cards-icons .content-container .items-container .item-body p { width: 90%; font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #605751; line-height: 20px; margin-bottom: 8px; } @media only screen and (min-width: 576px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-body p { width: 62%; } } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-body p { width: 95%; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #605751; line-height: 28px; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-body p { width: 100%; margin-bottom: 16px; } } @media only screen and (min-width: 1400px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-body p { margin-bottom: 24px; } } .static-over-image-right-with-cards-icons .content-container .items-container .item-footer a { font-family: "ItauText-Light"; font-size: 14px; color: #0076B1; line-height: 18px; text-decoration: underline; } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .items-container .item-footer a { font-size: 16px; line-height: 24px; } } .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group { margin-bottom: 24px; } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:first-child { padding-top: 24px; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:first-child { padding-top: 0px; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:first-child .item-footer { position: absolute; bottom: 0; } } .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group { margin-bottom: 40px; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group { position: relative; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:nth-child(3) { margin-bottom: 40px; } } @media only screen and (min-width: 1400px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:nth-child(3) { margin-bottom: 48px; } } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:nth-child(3) .item-body p, .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group:nth-child(4) .item-body p { margin-bottom: 24px; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group { margin-bottom: 48px; } } @media only screen and (min-width: 1400px) { .static-over-image-right-with-cards-icons .content-container .items-container .items-container-group { margin-bottom: 64px; } } .static-over-image-right-with-cards-icons .static-overimage-right { position: relative; } .static-over-image-right-with-cards-icons .static-overimage-right .adjuste-space { position: absolute; top: -34px; left: -228px; background: #F7F4F2; width: 228px; height: 34px; } .static-over-image-right-with-cards-icons .static-overimage-right img { width: auto; position: relative; top: -34px; left: -228px; } @media only screen and (min-width: 992px) { .static-over-image-right-with-cards-icons .static-overimage-right img { width: 757px; left: -80px; } } @media only screen and (min-width: 1200px) { .static-over-image-right-with-cards-icons .static-overimage-right img { width: 774px; left: 0; } } @media only screen and (min-width: 1400px) { .static-over-image-right-with-cards-icons .static-overimage-right img { width: 829px; } } .container-media-with-steps-static { padding-top: 64px; } @media only screen and (max-width: 767px) { .container-media-with-steps-static { padding-top: 32px; } } .container-media-with-steps-static { background-color: #fff; } .container-media-with-steps-static .thumbnail-opacity, .container-media-with-steps-static .open-youtube-modal { display: none; } .container-media-with-steps-static .youtube-modal-open { width: 100%; display: flex; flex-direction: column; } .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { display: block; position: absolute; background: rgba(0, 0, 0, 0.41); height: 100%; left: 15px; } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 94.8%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 94%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 92%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 94.5%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 91%; } } @media only screen and (max-width: 319px) { .container-media-with-steps-static .youtube-modal-open div.thumbnail-opacity { width: 91%; } } .container-media-with-steps-static .youtube-modal-open .open-youtube-modal { z-index: 1; position: absolute; display: flex; font-size: 120px; color: #FFFFFF; opacity: 0.54; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: none; } @media only screen and (max-width: 767px) { .container-media-with-steps-static .youtube-modal-open .open-youtube-modal { font-size: 80px; } } .container-media-with-steps-static .youtube-modal-open .card-transcricao { color: #FFFFFF !important; z-index: 1; position: absolute; top: 90%; left: 50%; display: flex; white-space: nowrap; transform: translate(-50%, -50%); text-decoration: underline; letter-spacing: 0; font-size: 20px; line-height: 26px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (max-width: 767px) { .container-media-with-steps-static .youtube-modal-open .card-transcricao { font-size: 18px; } } .container-media-with-steps-static .transcription-modal { padding: 0 !important; } .container-media-with-steps-static .transcription-modal .modal-dialog { max-width: 100%; height: 100%; margin: 0px; } .container-media-with-steps-static .transcription-modal .modal-dialog .modal-content { font-family: "ItauText-Regular", "Myriad Pro", Arial; height: 100%; } .container-media-with-steps-static .transcription-modal .modal-dialog .modal-content .modal-body { height: 100%; overflow: auto; line-height: 21px; } @media only screen and (min-width: 576px) { .container-media-with-steps-static .card-box { display: flex; } } @media only screen and (min-width: 768px) { .container-media-with-steps-static .card-box { display: flex; } } .container-media-with-steps-static .paragraph .cmp-text h2 { font-family: 'ItauDisplay-XBold'; color: #252220; font-size: 22px; line-height: 33px; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .paragraph .cmp-text h2 { font-size: 30px; line-height: 48px; } } @media only screen and (md-width: 576px) { .container-media-with-steps-static .paragraph .cmp-text h2 { display: flex; } } .container-media-with-steps-static .paragraph .cmp-text p { font-family: 'ItauDisplay-Regular'; color: #6E6E6E; font-size: 16px; line-height: 24px; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .paragraph .cmp-text p { font-size: 22px; line-height: 30px; margin-bottom: 8px; width: 384px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .paragraph .cmp-text p { width: 534px; } } .container-media-with-steps-static .paragraph .cmp-text p:nth-child(3) { font-family: 'ItauText-Regular'; font-size: 14px; margin-top: 8px; line-height: 18px; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .paragraph .cmp-text p:nth-child(3) { font-size: 18px; line-height: 24px; margin-bottom: 8px; width: 414px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .paragraph .cmp-text p:nth-child(3) { width: 534px; } } @media only screen and (min-width: 992px) { .container-media-with-steps-static .steps { display: none; } } .container-media-with-steps-static .steps ol { counter-reset: section; margin-left: -4px; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .steps ol { margin-top: 20px; } } .container-media-with-steps-static .steps ol li { display: flex; align-items: center; margin-bottom: 24px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .steps ol li { margin-bottom: 8px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps-static .steps ol li { margin-bottom: 16px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps-static .steps ol li { margin-bottom: 24px; } } .container-media-with-steps-static .steps ol li:last-child { margin-bottom: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .steps ol li:last-child { margin-bottom: 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .steps ol li:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps-static .steps ol li:last-child { margin-bottom: 32px; } } .container-media-with-steps-static .steps ol li::before { counter-increment: section; content: counter(section); font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; display: inline-block; padding-top: 14px; padding-right: 1px; text-align: center; border-radius: 100%; width: 55px; height: 50px; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .steps ol li::before { width: 50px; } } @media only screen and (min-width: 992px) { .container-media-with-steps-static .steps ol li::before { width: 55px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .steps ol li::before { width: 50px; } } [data-segment='varejo'] .container-media-with-steps-static .steps ol li::before, [data-segment='uniclass'] .container-media-with-steps-static .steps ol li::before, [data-segment='private'] .container-media-with-steps-static .steps ol li::before, [data-segment='cartoes'] .container-media-with-steps-static .steps ol li::before, [data-segment='empresas'] .container-media-with-steps-static .steps ol li::before { border: 3px solid #EC7000; color: #EC7000; } [data-segment='personnalite'] .container-media-with-steps-static .steps ol li::before { border: 3px solid #D0A967; color: #D0A967; } .container-media-with-steps-static .steps ol li p { font-family: 'ItauText-Regular'; color: #6E6E6E; font-size: 16px; line-height: 24px; margin-left: 24px; width: 420px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .steps ol li p { font-size: 14px; line-height: 21px; display: flex; align-items: center; min-height: 84px; width: 214px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .steps ol li p { width: 435px; font-size: 14px; line-height: 21px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps-static .steps ol li p { min-height: 72px; display: flex; align-items: center; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps-static .steps ol li p { width: 360px; min-height: 24px; display: flex; align-items: center; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .steps ol li p { width: 420px; min-height: 48px; display: flex; align-items: center; } } .container-media-with-steps-static .steps-alternate { display: none; } @media only screen and (min-width: 992px) { .container-media-with-steps-static .steps-alternate { display: block; margin-left: -14px; } } .container-media-with-steps-static .media { height: auto; } @media only screen and (max-width: 767px) { .container-media-with-steps-static .media.media-image-first { margin-bottom: 36px; } } @media only screen and (min-width: 576px) { .container-media-with-steps-static .media.media-image-first .media-image-first { display: flex; } } @media only screen and (max-width: 767px) { .container-media-with-steps-static .media.media-image-first.media-image-second { margin-top: 36px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .media.media-image-first { width: 289px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .media.media-image-first { width: 510px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps-static .media.media-image-first { width: 330px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps-static .media.media-image-first { width: 450px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .media.media-image-first { width: 540px; } } .container-media-with-steps-static .media img { height: auto; width: 100%; } @media only screen and (min-width: 768px) { .container-media-with-steps-static .media img { height: 350px; width: 309px; margin-left: -57px; margin-top: -63px; } } @media only screen and (min-width: 992px) { .container-media-with-steps-static .media img { height: 532px; width: 470px; margin-left: -39px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps-static .media img { height: 532px; width: 470px; margin-left: -39px; } } @media only screen and (max-width: 319px) { .container-media-with-steps-static .buttom { margin: 50px 0 0 15px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .buttom { margin: 50px 15px; width: 100%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .buttom { margin: 50px auto; } } @media only screen and (max-width: 319px) { .container-media-with-steps-static .buttom .itau-button-container__a--left { width: 289px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps-static .buttom .itau-button-container__a--left { width: 100%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps-static .buttom .itau-button-container__a--left { margin: auto; } } .static-first-cards-with-icons-and-text-shared { background: #F7F4F2; } @media only screen and (max-width: 767px) { .static-first-cards-with-icons-and-text-shared .card-box-container { flex-direction: column; } } @media only screen and (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box-container { flex-flow: wrap; } } .static-first-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; color: #252220; line-height: 33px; margin: 49px 0 32px 0; } @media (min-width: 576px) { .static-first-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { margin-top: 32px; margin-bottom: 24px; } } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { margin-top: 64px; margin-bottom: 32px; font-size: 32px; color: #000000; letter-spacing: 1px; line-height: 48.73px; } } @media (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { margin-top: 88px; color: #000000; letter-spacing: 1px; line-height: 48.73px; } } @media (min-width: 1440px) { .static-first-cards-with-icons-and-text-shared .card-with-icon-and-text__title h2 { margin-top: 104px; margin-bottom: 24px; } } .static-first-cards-with-icons-and-text-shared .card-box__body { position: relative; margin-bottom: 32px; } .static-first-cards-with-icons-and-text-shared .card-box__body .card-box__inner-text p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; color: #6E6E6E; line-height: 18px; margin-bottom: 8px; } @media (min-width: 576px) { .static-first-cards-with-icons-and-text-shared .card-box__body .card-box__inner-text p { margin-bottom: 26px; } } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__body .card-box__inner-text p { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #605751; line-height: 28px; } } .static-first-cards-with-icons-and-text-shared .card-box__body a { font-size: 14px; color: #0076B1; line-height: 18px; text-decoration: underline; font-family: 'ItauText-Light', 'Myriad Pro', Arial; } @media (min-width: 576px) { .static-first-cards-with-icons-and-text-shared .card-box__body a { position: absolute; bottom: 0; } } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__body a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; } } @media (min-width: 576px) { .static-first-cards-with-icons-and-text-shared .card-box__body { margin-bottom: 46px; } } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__body { margin-bottom: 68px; } } @media (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-box__body { margin-bottom: 96px; } } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__body-last { margin-bottom: 96px; } } @media (min-width: 992x) { .static-first-cards-with-icons-and-text-shared .card-box__body-last { margin-bottom: 0; } } .static-first-cards-with-icons-and-text-shared .card-box__text { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 15px; color: #252220; line-height: 20px; } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__text { font-size: 22px; line-height: 32px; } } .static-first-cards-with-icons-and-text-shared .card-box__icon { font-family: 'itau-icon' !important; font-size: 40px; color: #EC7000; letter-spacing: 0; text-align: center; vertical-align: middle; margin-right: 13px; } .static-first-cards-with-icons-and-text-shared .card-box__icon .saldo_outline:before { content: '\e99a'; } .static-first-cards-with-icons-and-text-shared .card-box__icon .pagamentos:before { content: '\e96f'; } .static-first-cards-with-icons-and-text-shared .card-box__icon .transferencia:before { content: '\e9bb'; } .static-first-cards-with-icons-and-text-shared .card-box__icon .conta_corrente:before { content: '\e9ca'; } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__icon { text-align: left; margin-right: 0; margin-bottom: 24px; } } @media (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-box__icon { margin-bottom: 8px; } } @media (min-width: 1440px) { .static-first-cards-with-icons-and-text-shared .card-box__icon { margin-bottom: 24px; } } @media only screen and (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-box__text { padding-bottom: 0px; } } .static-first-cards-with-icons-and-text-shared .card-box__inner-text { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; line-height: 28px; margin-bottom: 8px; } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__inner-text { width: 270px; } } @media (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-box__inner-text { width: 210px; } } @media (min-width: 1200px) { .static-first-cards-with-icons-and-text-shared .card-box__inner-text { width: 100%; } } .static-first-cards-with-icons-and-text-shared .card-box__caption { margin-bottom: 18px; } @media (min-width: 768px) { .static-first-cards-with-icons-and-text-shared .card-box__caption { flex-direction: column; align-items: flex-start; margin-bottom: 16px; } } @media (min-width: 992px) { .static-first-cards-with-icons-and-text-shared .card-box__caption { margin-bottom: 8px; } } @media (min-width: 1440px) { .static-first-cards-with-icons-and-text-shared .card-box__caption { margin-bottom: 16px; } } @media only screen and (max-width: 767px) { .static-first-cards-with-icons-and-text-shared .card-box__caption { display: flex; align-items: center; margin-bottom: 8px; } } .static-cards-orange .background-orange { background-color: #EC7000; padding: 48px 0px 32px 0; text-align: left; } @media (min-width: 576px) { .static-cards-orange .background-orange { padding: 32px 0px; } } @media (min-width: 768px) { .static-cards-orange .background-orange { padding: 64px 0; } } @media (min-width: 992px) { .static-cards-orange .background-orange { padding: 88px 0; } } @media (min-width: 1440px) { .static-cards-orange .background-orange { padding: 84px 0; } } .static-cards-orange .main-title-box .description-maintitle { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #ffffff; line-height: 25px; margin-bottom: 24px; } @media (min-width: 576px) { .static-cards-orange .main-title-box .description-maintitle { margin-bottom: 24px; } } @media (min-width: 768px) { .static-cards-orange .main-title-box .description-maintitle { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; line-height: 28px; margin-bottom: 40px; } } @media (min-width: 992px) { .static-cards-orange .main-title-box .description-maintitle { margin-bottom: 32px; line-height: 25px; } } .static-cards-orange .main-title-box .description-maintitle span { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #FFFFFF; } .static-cards-orange .box-card { position: relative; background-color: white; width: 100%; padding: 24px; } @media (min-width: 992px) { .static-cards-orange .box-card { padding: 32px; } } @media (min-width: 1200px) { .static-cards-orange .cont-boxs .box-card .description-title-last { width: 70%; } } .static-cards-orange .box-card { margin-left: 0px; } .static-cards-orange .box-card:first-child { margin-left: 0px; } .static-cards-orange .first-box, .static-cards-orange .second-box, .static-cards-orange .third-box { margin-bottom: 16px; } @media (min-width: 576px) { .static-cards-orange .first-box, .static-cards-orange .second-box, .static-cards-orange .third-box { margin-bottom: 24px; } } @media (min-width: 768px) { .static-cards-orange .first-box, .static-cards-orange .second-box, .static-cards-orange .third-box { min-height: 100%; margin-bottom: 0px; position: relative; } .static-cards-orange .first-box .static-card__button_lasts, .static-cards-orange .second-box .static-card__button_lasts, .static-cards-orange .third-box .static-card__button_lasts { position: absolute; bottom: 24px; width: 162px; } } @media (min-width: 992px) { .static-cards-orange .first-box .static-card__button_lasts, .static-cards-orange .second-box .static-card__button_lasts, .static-cards-orange .third-box .static-card__button_lasts { bottom: 32px; width: 226px; } } @media (min-width: 1200px) { .static-cards-orange .first-box .static-card__button_lasts, .static-cards-orange .second-box .static-card__button_lasts, .static-cards-orange .third-box .static-card__button_lasts { width: 191px; } } .static-cards-orange .main-title-box .main-title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; color: #ffffff; line-height: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } @media (min-width: 576px) { .static-cards-orange .main-title-box .main-title { margin-bottom: 16px; } } @media (min-width: 768px) { .static-cards-orange .main-title-box .main-title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; line-height: 37px; margin-bottom: 8px; font-size: 29px; } } @media (min-width: 1200px) { .static-cards-orange .main-title-box .main-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .static-cards-orange .itau-icon { font-family: 'itau-icon'; font-size: 48px; color: #FCE770; letter-spacing: 0; text-align: center; margin-right: 4px; } .static-cards-orange .itau-icon:before { content: '\e933'; } @media (min-width: 1200px) { .static-cards-orange .itau-icon { margin-bottom: 9px; margin-right: 0; } } .static-cards-orange .description-box { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; color: #605751; line-height: 21px; } @media (min-width: 768px) { .static-cards-orange .description-box { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; line-height: 21px; } } .static-cards-orange .description-title { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 15px; color: #252220; line-height: 20px; margin-bottom: 8px; display: block; } @media (min-width: 768px) { .static-cards-orange .description-title { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 24px; font-size: 20px; } } @media (min-width: 1200px) { .static-cards-orange .description-title { font-size: 20px; line-height: 24px; } } .static-card__button { text-align: center; } .static-card__button .static-card__button--positive { border-radius: 4px; width: 241px; border: 1px solid #979797; border-radius: 3.2px; margin-top: 24px; } @media (min-width: 576px) { .static-card__button .static-card__button--positive { width: 195px; } } @media (min-width: 768px) { .static-card__button .static-card__button--positive { width: 162px; margin-top: 45px; } } @media (min-width: 992px) { .static-card__button .static-card__button--positive { width: 226px; } } @media (min-width: 1200px) { .static-card__button .static-card__button--positive { width: 191px; } } .static-card__button--positive { background-color: white; border-radius: 4px; border-color: transparent; border: none; color: #979797; } .static-card__button--positive a { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 16px; color: #605751; letter-spacing: 0; text-align: center; line-height: 20.8px; padding: 9px 0; } @media (min-width: 768px) { .static-card__button--positive a { padding: 10px 0 8px 0; } } @media (min-width: 768px) { .cont-boxs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1200px) { .static-cards-orange .background-orange .cont-title-box { position: relative; } .static-cards-orange .background-orange .cont-title-box .main-title-box { position: absolute; left: 0; top: -15px; z-index: 1; } } .static-cards { text-align: left; padding: 30px 0px; background-color: #fff; } .static-cards .main-title-box .description-maintitle { font-family: "ItauDisplay-Regular"; font-size: 16px; color: #6E6E6E; line-height: 18px; } .static-cards .card_box_icon { display: flex; } @media (min-width: 768px) { .static-cards .main-title-box .description-maintitle { font-family: "ItauText-Regular"; font-size: 18px; line-height: 28px; } .static-cards .card_box_icon { display: block; } .static-cards .padding-default-top { padding-top: 30px; } } @media (min-width: 992px) { .static-cards .padding-default-top { padding-top: 50px; } .static-cards .padding-default-bottom { padding-bottom: 90px; } } @media (min-width: 1200px) { .static-cards .padding-default-top { padding-top: 72px; } .static-cards .padding-default-bottom { padding-bottom: 128px; } } .static-cards .box-card { position: relative; } .static-cards .first-box, .static-cards .second-box, .static-cards .third-box { margin-bottom: 34px; } @media (min-width: 1200px) { .static-cards .first-box, .static-cards .second-box, .static-cards .third-box { margin-top: 48px; } } .static-cards .main-title-box .main-title { font-family: "ItauDisplay-XBold"; font-size: 22px; color: #252220; line-height: 30px; margin-bottom: 10px; } @media (min-width: 768px) { .static-cards .main-title-box .main-title { font-family: "ItauDisplay-XBold"; font-size: 30px; line-height: 38px; margin-bottom: 16px; } } .static-cards .description-maintitle { margin-bottom: 42px; } .static-cards .itau-icon { font-family: 'itau-icon'; font-size: 40px; color: #EC7000; letter-spacing: 0; text-align: center; } .static-cards .description-box { font-family: "ItauText-Regular"; font-size: 14px; color: #6E6E6E; line-height: 18px; margin-top: 18px; margin-bottom: 10px; } @media (min-width: 768px) { .static-cards .description-box { font-size: 16px; line-height: 20px; margin-top: 0px; } } .static-cards .box-card a { font-family: ItauText-Light; font-size: 14px; color: #0076B1; line-height: 18px; position: absolute; bottom: -16px; left: 15px; text-decoration: underline; } @media (min-width: 1200px) { .static-cards .box-card a { left: 15px; margin-bottom: 197px; } } .static-cards .description-title { font-family: "ItauDisplay-Bold"; font-size: 15px; color: #252220; line-height: 20px; margin: 10px; margin-left: 0px; } @media (min-width: 768px) { .static-cards .description-title { line-height: 28px; margin: 0px; } } @media (min-width: 1200px) { .static-cards .description-title { font-size: 20px; line-height: 48px; } } .static-banner-right-cont-first { height: 250px; display: flex; align-items: flex-end; position: relative; } .static-banner-right-cont-first img { max-width: 183px; position: absolute; bottom: -10px; right: 0; } .static-banner-right-image .content-static-banner { padding: 24px 15px; } @media (min-width: 576px) { .static-banner-right-image .content-static-banner { padding: 0px; } } .static-banner-right-image .static-banner-right-cont-third .static-banner-right { position: absolute; bottom: 0; right: 0; } @media (min-width: 576px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right { right: 22px; } .static-banner-right-image .static-banner-right-cont-third .static-banner-right img { max-width: 370px; } } @media (min-width: 768px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right { right: -20px; } } @media (min-width: 1200px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right { right: -70px; } } @media (min-width: 1440px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right { right: -85px; } } .static-banner-right-image .static-banner-right-cont-third img { display: block; } @media (min-width: 576px) { .static-banner-right-image .container { padding: 74px 0px; } } @media (min-width: 767px) { .static-banner-right-image .container { padding-top: 64px; padding-bottom: 117px; } .static-banner-right-image .static-banner-right-cont-third .static-banner-right img { max-width: 422px; } } @media (min-width: 992px) { .static-banner-right-image .container { padding-top: 149px; padding-bottom: 149px; } .static-banner-right-image .static-banner-right-cont-third .static-banner-right img { max-width: 498px; } } @media (min-width: 1200px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right img { max-width: 509px; } } @media (min-width: 1440px) { .static-banner-right-image .static-banner-right-cont-third .static-banner-right img { max-width: 540px; } } .static-banner-right-image { background-color: #EC7000; position: relative; } .static-banner-right-image .orange-color { margin-left: 0; width: 100%; } @media only screen and (max-width: 575px) { .static-banner-right-image .orange-color { flex-direction: column-reverse; height: 447px; } } @media only screen and (min-width: 576px) { .static-banner-right-image .orange-color { height: 268px; } } @media only screen and (min-width: 768px) { .static-banner-right-image .orange-color { height: 260px; } } @media only screen and (min-width: 992px) { .static-banner-right-image .orange-color { height: 350px; } } @media only screen and (min-width: 1400px) { .static-banner-right-image .orange-color { height: 531px; } } .static-banner-right-image .container .title-static-banner { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; line-height: 33px; color: #FFFFFF; margin-bottom: 24px; } @media only screen and (min-width: 320px) { .static-banner-right-image .container .title-static-banner { width: 204px; } } @media only screen and (min-width: 576px) { .static-banner-right-image .container .title-static-banner { width: 100%; } } @media only screen and (min-width: 768px) { .static-banner-right-image .container .title-static-banner { font-size: 40px; } } .static-banner-right-image .container .content-static-banner { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #FFFFFF; line-height: 25px; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .card-with-list-shared__body .list-icons .icon { color: #EC7000; } [data-segment=personnalite] .card-with-list-shared__body .list-icons .icon, .card-with-list-shared__body .list-icons [data-segment=personnalite] .icon { color: #876632; } .card-with-list-shared__body .list-icons .icon { color: #EC7000; } [data-segment=personnalite] .card-with-list-shared__body .list-icons .icon, .card-with-list-shared__body .list-icons [data-segment=personnalite] .icon { color: #876632; } [data-segment="cartoes"] .card-with-list-shared .card-with-list-shared__body h3, [data-segment="cartoes"] .card-with-list-shared .card-with-list-shared__body h4, [data-segment="cartoes"] .card-with-list-shared .card-with-list-shared__body h5 { color: #004388; } .card-with-list-shared .card-with-list-shared__body p { color: #252220; } .card-with-list-shared .card-with-list-shared__body .list-icons__item { color: #252220; } [data-segment="cartoes"] .card-with-list-shared .card-with-list-shared__body .list-icons .icon { color: #004388; } [data-segment="empresas"] .card-with-list-shared .card-with-list-shared__body .list-icons .icon { color: #003767; } [data-segment="uniclass"] .card-with-list-shared .card-with-list-shared__body .list-icons .icon { color: #757575; } .card-box-comparative-shared p { color: #EC7000; } [data-segment="personnalite"] .card-box-comparative-shared p, .card-box-comparative-shared [data-segment="personnalite"] p { color: #252220; } [data-segment="uniclass"] .card-box-comparative-shared p, .card-box-comparative-shared [data-segment="uniclass"] p { color: #4F758B; } [data-segment="private"] .card-box-comparative-shared p, .card-box-comparative-shared [data-segment="private"] p { color: #252220; } [data-segment="empresas"] .card-box-comparative-shared p, .card-box-comparative-shared [data-segment="empresas"] p { color: #003767; } [data-segment="cartoes"] .card-box-comparative-shared p, .card-box-comparative-shared [data-segment="cartoes"] p { color: #003399; } [data-segment='personnalite'] .card-box-comparative-shared .two-boxes p { color: #876632; } [data-segment='uniclass'] .card-box-comparative-shared .two-boxes p { color: #757575; } [data-segment='private'] .card-box-comparative-shared .two-boxes p { color: #7C746C; } [data-segment='cartoes'] .card-box-comparative-shared .two-boxes p { color: #003399; } [data-segment='personnalite'] .card-box-comparative-shared .three-boxes p { color: #876632; } [data-segment='uniclass'] .card-box-comparative-shared .three-boxes p { color: #757575; } [data-segment='private'] .card-box-comparative-shared .three-boxes p { color: #7C746C; } [data-segment='cartoes'] .card-box-comparative-shared .three-boxes p { color: #003399; } div.shared-button-container .shared-button__a { background-color: #EC7000; color: #FFFFFF; } .bg-blue div.shared-button-container .shared-button__a, .bg-varejo div.shared-button-container .shared-button__a, .banner-white-button div.shared-button-container .shared-button__a { background-color: #FFFFFF; color: #EC7000; } .bg-blue div.shared-button-container .shared-button__a:hover, .bg-blue div.shared-button-container .shared-button__a:focus, .bg-varejo div.shared-button-container .shared-button__a:hover, .bg-varejo div.shared-button-container .shared-button__a:focus, .banner-white-button div.shared-button-container .shared-button__a:hover, .banner-white-button div.shared-button-container .shared-button__a:focus { background-color: #FAF7F5; color: #D27000; } [data-segment='personnalite'] .bg-blue div.shared-button-container .shared-button__a, [data-segment='personnalite'] .bg-varejo div.shared-button-container .shared-button__a, [data-segment='personnalite'] .banner-white-button div.shared-button-container .shared-button__a { background-color: #FFFFFF; color: #0D1733; } [data-segment='personnalite'] .bg-blue div.shared-button-container .shared-button__a:hover, [data-segment='personnalite'] .bg-blue div.shared-button-container .shared-button__a:focus, [data-segment='personnalite'] .bg-varejo div.shared-button-container .shared-button__a:hover, [data-segment='personnalite'] .bg-varejo div.shared-button-container .shared-button__a:focus, [data-segment='personnalite'] .banner-white-button div.shared-button-container .shared-button__a:hover, [data-segment='personnalite'] .banner-white-button div.shared-button-container .shared-button__a:focus { background-color: #FAF7F5; color: #0D1733; } [data-segment='empresas'] .bg-blue div.shared-button-container .shared-button__a, [data-segment='empresas'] .bg-varejo div.shared-button-container .shared-button__a, [data-segment='empresas'] .banner-white-button div.shared-button-container .shared-button__a { background-color: #FFFFFF; color: #003767; } [data-segment='empresas'] .bg-blue div.shared-button-container .shared-button__a:hover, [data-segment='empresas'] .bg-blue div.shared-button-container .shared-button__a:focus, [data-segment='empresas'] .bg-varejo div.shared-button-container .shared-button__a:hover, [data-segment='empresas'] .bg-varejo div.shared-button-container .shared-button__a:focus, [data-segment='empresas'] .banner-white-button div.shared-button-container .shared-button__a:hover, [data-segment='empresas'] .banner-white-button div.shared-button-container .shared-button__a:focus { background-color: #FAF7F5; color: #003767; } div.shared-button-container .shared-button__a:hover, div.shared-button-container .shared-button__a:focus { background: #D27000; color: #FFFFFF; text-decoration: none; } [data-segment='personnalite'] div.shared-button-container .shared-button__a { color: #FFFFFF; background-color: #0D1733; border: 1px solid #AD8748; } [data-segment='personnalite'] div.shared-button-container .shared-button__a:hover, [data-segment='personnalite'] div.shared-button-container .shared-button__a:focus { background-color: #495166; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } [data-segment='varejo'] .feedback-blog__button--positive, [data-segment='uniclass'] .feedback-blog__button--positive, [data-segment='private'] .feedback-blog__button--positive, [data-segment='cartoes'] .feedback-blog__button--positive, [data-segment='empresas'] .feedback-blog__button--positive { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .feedback-blog__button--positive { background-color: #D0A967; color: #252220; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } [data-segment='empresas'] .confirmation .content .pop-up__title, [data-segment='varejo'] .confirmation .content .pop-up__title, [data-segment='cartoes'] .confirmation .content .pop-up__title { color: #312D2B; } .search-investment-documents { width: 100%; margin: 20px auto; } @media only screen and (min-width: 992px) { .search-investment-documents { margin: 40px auto; } } .search-investment-documents__box { background-color: #FFFFFF; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } @media only screen and (min-width: 576px) { .search-investment-documents__filters { padding-bottom: 22.5px; border-bottom: 1px solid #D6D0CC; } } @media only screen and (min-width: 768px) { .search-investment-documents__filters { padding-bottom: 30.5px; } } .search-investment-documents__title { margin-bottom: 32px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .search-investment-documents__title { font-size: 40px; margin-bottom: 72px; } } .search-investment-documents__subtitle { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; color: #EC7000; margin-bottom: 24px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } @media only screen and (min-width: 576px) { .search-investment-documents__subtitle { font-weight: 300; } } @media only screen and (min-width: 768px) { .search-investment-documents__subtitle { font-size: 32px; line-height: 26px; letter-spacing: 0.2px; font-weight: bold; margin-bottom: 48px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__subtitle { margin-top: 16px; } } .search-investment-documents__description { font-family: "ItauText-Light", "Myriad Pro", Arial; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #231D19; margin-bottom: 32px; width: 86.5%; } @media only screen and (min-width: 576px) { .search-investment-documents__description { color: #312D2B; font-size: 18px; font-weight: 300; width: 100%; } } @media only screen and (min-width: 1200px) { .search-investment-documents__description { margin-bottom: 25px; } } @media only screen and (min-width: 768px) { .search-investment-documents__description { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-weight: 300; font-size: 20px; } } @media only screen and (min-width: 576px) { .search-investment-documents__form { display: flex; justify-content: space-between; align-items: center; } } @media only screen and (min-width: 576px) { .search-investment-documents__form .spec-former__form-input { margin: unset; width: 329px; } } @media only screen and (min-width: 768px) { .search-investment-documents__form .spec-former__form-input { width: 450px; } } @media only screen and (min-width: 992px) { .search-investment-documents__form .spec-former__form-input { width: 641px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__form .spec-former__form-input { width: 825px; } } .search-investment-documents__form .spec-former__form-input.--filled .spec-former__form-input__input, .search-investment-documents__form .spec-former__form-input.--filled .spec-former__form-input__select__icon { color: #56504C; } .search-investment-documents__form .spec-former__form-input.--filled .spec-former__form-input__input { border-color: #56504C; } .search-investment-documents__form .spec-former__form-input__input { border: solid 1px #706A66; } .search-investment-documents__form .spec-former__form-input__input:focus { outline-color: #EC7000; } .search-investment-documents__form .spec-former__form-input__input:focus + .spec-former__form-input__select__icon { color: #EC7000; } .search-investment-documents__form .spec-former__form-input__input.--error { color: #56504C; } .search-investment-documents__form .spec-former__form-input__error-icon { font-size: 24px; } .search-investment-documents__form .spec-former__form-input__error-message { margin-bottom: 16px; } .search-investment-documents__form .spec-former__form-input__select__icon, .search-investment-documents__form .spec-former__form-input__input { color: #706A66; } .search-investment-documents__select { position: relative; margin: 16px 0; width: 100%; max-width: 294px; font-size: 16px; border-bottom: 1px solid #89837F; } .search-investment-documents__select__label { color: #89837F; margin: 0px 0px 2px 0px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .search-investment-documents__select__input { position: relative; width: 100%; border: none; background: 0 0; padding-right: 30px; font-size: 16px; color: #56504C; line-height: 28px; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; outline: none; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .search-investment-documents__select__input:after { outline: none; } .search-investment-documents__select__input:before { outline: none; } .search-investment-documents__select__input::-ms-expand { display: none; } .search-investment-documents__select__icon { position: absolute; right: 0px; top: 22px; font-size: 24px; pointer-events: none; color: #EC7000; transform: translateY(-50%); } .search-investment-documents__period-select { margin-bottom: 10px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .search-investment-documents__period-select__title { margin-bottom: 10px; font-size: 14px; } .search-investment-documents__radio-button { display: block; position: relative; padding-left: 28px; padding-top: 2px; margin-bottom: 12px; cursor: pointer; font-size: 16px; user-select: none; } .search-investment-documents__radio-button__input { position: absolute; opacity: 0; cursor: pointer; } .search-investment-documents__radio-button__input:checked ~ .search-investment-documents__checkbox__checkmark { background-color: #EC7000; } .search-investment-documents__radio-button__checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #eee; border-radius: 50%; } .search-investment-documents__checkbox { display: inline-block; position: relative; padding-left: 28px; padding-top: 2px; margin-bottom: 12px; margin-right: 20px; color: #231D19; cursor: pointer; font-size: 16px; user-select: none; } .search-investment-documents__checkbox__input { position: absolute; opacity: 0; cursor: pointer; } .search-investment-documents__checkbox__input:checked ~ .search-investment-documents__checkbox__checkmark { background-color: #EC7000; border: 1px solid #EC7000; } .search-investment-documents__checkbox__input:checked ~ .search-investment-documents__checkbox__checkmark:after { content: ""; display: inline-block; position: absolute; top: -4px; left: -1px; width: 6px; height: 11px; border: solid 1.45px #FFFFFF; border-top: none; border-left: none; transform: translate(6.5px, 4.5px) rotate(45deg); } .search-investment-documents__checkbox__checkmark { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #231D19; border-radius: 3px; } .search-investment-documents__btn-area { flex-direction: row; align-items: flex-end; display: flex; } @media only screen and (min-width: 1200px) { .search-investment-documents__btn-area { flex-direction: column; align-items: initial; } } .search-investment-documents__btn-area__btn-container { display: flex; align-content: center; width: 100%; } .search-investment-documents__btn-area__btn-container:first-child { margin-right: 15px; } .search-investment-documents__clear-button { flex: 1; box-sizing: border-box; border: 1px solid #106EB0; border-radius: 4px; height: 48px; max-width: 294px; background-color: transparent; padding: 8px 0; max-width: 294px; color: #106EB0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; font-weight: 700; line-height: 32px; cursor: pointer; } @media only screen and (min-width: 1200px) { .search-investment-documents__clear-button { margin-bottom: 8px; } } .search-investment-documents__clear-button:disabled { border: 1px solid #D6D0CC; color: #D6D0CC; } .search-investment-documents__clear-button:hover { background-color: #ecf7fd; } .search-investment-documents__clear-button:focus { background-color: #ecf7fd; } @media only screen and (min-width: 576px) { .search-investment-documents__btn-search { width: 150px; } } @media only screen and (min-width: 768px) { .search-investment-documents__btn-search { width: 210px; } } @media only screen and (min-width: 992px) { .search-investment-documents__btn-search { width: 240px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__btn-search { width: 256px; } } .search-investment-documents__btn-search--button { flex: 1; box-sizing: border-box; border: 1px solid #DD6100; border-radius: 4px; height: 48px; width: 100%; background-color: #EC7000; padding: 8px 0; color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 32px; font-size: 20px; font-weight: 700; cursor: pointer; } .search-investment-documents__btn-search--button:hover, .search-investment-documents__btn-search--button:focus { background-color: #dd6100; } .search-investment-documents__btn-search--button.form-input-error { margin-top: 16px; } @media only screen and (min-width: 576px) { .search-investment-documents__btn-search--button.form-input-error { margin-top: unset; } } .search-investment-documents__help-button { text-align: right; margin-top: 32px; flex: 0 1 100%; } .search-investment-documents__help-button-link { flex: 1; box-sizing: border-box; cursor: pointer; border: 1px solid #106EB0; width: 48px; height: 48px; border-radius: 50%; background-color: transparent; padding: 0; color: #106EB0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; font-weight: 700; } @media only screen and (min-width: 768px) { .search-investment-documents__help-button-link { width: 150px; border-radius: 4px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__help-button-link { margin-bottom: 8px; } } @media only screen and (min-width: 768px) { .search-investment-documents__btn-position { min-width: 333px; margin-right: 10px; } } @media only screen and (min-width: 992px) { .search-investment-documents__btn-position { min-width: 378px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__btn-position { position: static; margin-right: initial; min-width: initial; } } .search-investment-documents__loader { height: 184px; display: flex; align-items: center; flex-direction: column; padding: 40px 0 32px; justify-content: space-between; } @media only screen and (min-width: 576px) { .search-investment-documents__loader { padding: 40px 0 36px; } } @media only screen and (min-width: 768px) { .search-investment-documents__loader { padding-top: 48px; } } @media only screen and (min-width: 992px) { .search-investment-documents__loader { padding-bottom: 32px; } } .search-investment-documents__iconLoader { border: 1px solid rgba(236, 112, 0, 0.35); border-top: solid 2px #EC7000; border-radius: 50%; width: 64px; height: 64px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; } .search-investment-documents__textLoader { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; line-height: 24px; color: #252220; } @media only screen and (min-width: 576px) { .search-investment-documents__textLoader { line-height: 27px; } } .search-investment-documents .itau-button-container { flex: 1; margin-left: 8px; min-width: 121px; } .search-investment-documents__text--small-bold { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media only screen and (min-width: 992px) { .search-investment-documents__text--small-bold { font-size: 18px; } } .search-investment-documents__text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .search-investment-documents__text--bold { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 21px; letter-spacing: normal; color: #312D2B; font-family: "ItauText-Bold", "Myriad Pro", Arial; } .search-investment-documents__title--light { font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; } .search-investment-documents--no-background { background-color: transparent; } .search-investment-documents__flex-container { flex: 1; } .search-investment-documents__recommendation-message { width: 100%; margin: 0px 0px 0px 0px; background-color: rgba(181, 130, 33, 0.1); border: 1px solid #b58221; border-radius: 4px; padding: 16px; margin-top: 24px; display: none; position: relative; } @media only screen and (min-width: 768px) { .search-investment-documents__recommendation-message { width: 100%; padding: 24px 64px; } } .search-investment-documents__recommendation-message__description { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; font-size: 16px; } .search-investment-documents__recommendation-message__description--icon { position: static; font-size: 22px; color: #b58221; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .search-investment-documents__recommendation-message__description--icon { position: absolute; top: 21px; left: 23px; margin-bottom: initial; } } .search-investment-documents__recommendation-message__description--text { width: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; } .search-investment-documents__recommendation-message__close-button { width: 18px; position: absolute; right: 26px; } .search-investment-documents__recommendation-message__close-button--style { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .search-investment-documents__recommendation-message__close-button--style--icon { font-size: 16px; line-height: 16px; } .search-investment-documents__select-error-message { width: 100%; margin: 0px 0px 0px 0px; background-color: rgba(120, 27, 142, 0.1); border: 1px solid #781B8E; border-radius: 4px; padding: 16px; margin: 24px 0 23.7px; display: none; position: relative; } @media only screen and (min-width: 576px) { .search-investment-documents__select-error-message { margin: 24px 0 32px; } } @media only screen and (min-width: 768px) { .search-investment-documents__select-error-message { padding: 24px 64px; } } .search-investment-documents__select-error-message__title { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; } @media only screen and (min-width: 768px) { .search-investment-documents__select-error-message__title { margin: initial; flex-direction: row; } } .search-investment-documents__select-error-message__title--icon { position: static; font-size: 24px; color: #781B8E; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .search-investment-documents__select-error-message__title--icon { position: absolute; top: 21px; left: 23px; margin-bottom: initial; } } .search-investment-documents__select-error-message__title--text { width: 100%; font-family: "ItauText-xBold"; line-height: 24px; } .search-investment-documents__select-error-message__title__close-button { width: 18px; position: absolute; right: 26px; } .search-investment-documents__select-error-message__title__close-button__style { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .search-investment-documents__select-error-message__title__close-button__style--icon { font-size: 16px; line-height: 16px; } .search-investment-documents__select-error-message__description__text { margin-top: 5px; line-height: 26px; } @media only screen and (min-width: 768px) { .search-investment-documents__select-error-message__description__text { margin-top: 10px; } } .search-investment-documents__select-error-message__description__text--link { cursor: pointer; color: #106EB0; text-decoration: underline; font-family: "ItauText-XBold", "Myriad Pro", Arial; line-height: 24px; } .search-investment-documents__select-error-message__description__text--complement { display: inline-block; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; font-size: 16px; line-height: 24px; } .search-investment-documents__btn-accord { position: relative; width: 100%; padding: 27px 0 19px; text-align: left; border: none; border-bottom: 1px solid #D8D8D8; background-color: transparent; } .search-investment-documents__btn-accord[aria-expanded=true] .search-investment-documents__icon-accord { transform: rotate(180deg); } @media only screen and (min-width: 576px) { .search-investment-documents__btn-accord { padding: 11.3px 0 17.7px; } } @media only screen and (min-width: 768px) { .search-investment-documents__btn-accord { padding: 24px 0 17px; } } @media only screen and (min-width: 992px) { .search-investment-documents__btn-accord:hover, .search-investment-documents__btn-accord:focus { padding-left: 24px; transition: padding-left .2s ease-in-out; } .search-investment-documents__btn-accord:hover::before, .search-investment-documents__btn-accord:focus::before { content: ""; height: calc(100% + 2px); width: 0px; background-color: #EC7000; position: absolute; top: -1px; left: 0; width: 6px; transition: width .2s ease-in-out; } } @media only screen and (min-width: 992px) and (min-width: 992px) { .search-investment-documents__btn-accord:hover::before, .search-investment-documents__btn-accord:focus::before { width: 6px; transition: width .2s ease-in-out; } } .search-investment-documents__btn-accord--expanded { padding: 11px 0 18px; border-bottom: unset; } @media only screen and (min-width: 768px) { .search-investment-documents__btn-accord--expanded { padding: 24.3px 0 31.7px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__btn-accord--expanded { padding: 25px 0 24px; } } .search-investment-documents__title-group { display: flex; justify-content: space-between; align-items: center; } .search-investment-documents__title-group__title-accord { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 576px) { .search-investment-documents__title-group__title-accord { line-height: 27px; } } @media only screen and (min-width: 768px) { .search-investment-documents__title-group__title-accord { font-size: 20px; line-height: 32px; } } .search-investment-documents__icon-accord { color: #003767; font-size: 24px; letter-spacing: 0; transition: all .5s; } @media only screen and (min-width: 576px) { .search-investment-documents__list-accord { max-width: 289px; } } @media only screen and (min-width: 768px) { .search-investment-documents__list-accord { max-width: 414px; } } @media only screen and (min-width: 992px) { .search-investment-documents__list-accord { max-width: 509px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__list-accord { max-width: 690px; } } .search-investment-documents__list-item { margin-bottom: 8px; } .search-investment-documents__link-accord { cursor: pointer; font-family: "ItauText-XBold", "Myriad Pro", Arial; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #106EB0; text-decoration: underline; } @media only screen and (min-width: 576px) { .search-investment-documents__link-accord { line-height: 24px; } } @media only screen and (min-width: 768px) { .search-investment-documents__link-accord { font-size: 16px; } } .search-investment-documents__accordion { margin-top: 16px; border-bottom: 1px solid #D8D8D8; } @media only screen and (min-width: 576px) { .search-investment-documents__accordion { margin-top: unset; } } .search-investment-documents__content-accord { padding-bottom: 35px; display: none; transition: all .5s; } @media only screen and (min-width: 768px) { .search-investment-documents__content-accord { padding-bottom: 22px; } } @media only screen and (min-width: 992px) { .search-investment-documents__content-accord { padding-bottom: 24px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__content-accord { padding-bottom: 23px; } } .search-investment-documents__content-accord.--expanded { display: block; } .search-investment-documents-error__container { width: 100%; padding: 32px 0px; } @media only screen and (min-width: 576px) { .search-investment-documents-error__container { display: flex; align-items: center; flex-wrap: wrap; padding: 32px 0px 36px; width: 100%; } } @media only screen and (min-width: 768px) { .search-investment-documents-error__container { padding: 40px 0 48px; } } @media only screen and (min-width: 1200px) { .search-investment-documents-error__container { padding-bottom: 44px; } } .search-investment-documents-error__container--hidden { display: none; } .search-investment-documents-error__container .search-investment-documents-error__image { width: 208px; height: 208px; display: flex; align-items: center; margin: 0 auto; overflow: hidden; } .search-investment-documents-error__container .search-investment-documents-error__image--with-background { background-color: #f6f1ee; } @media only screen and (min-width: 576px) { .search-investment-documents-error__container .search-investment-documents-error__image { width: 194px; height: 194px; margin: 0 30px 0 0; float: left; } } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__image { width: 210px; height: 210px; } } .search-investment-documents-error__container .search-investment-documents-error__icon { width: 100%; } .search-investment-documents-error__container .search-investment-documents-error__texts-container { display: flex; flex-direction: column; width: 100%; } @media only screen and (min-width: 576px) { .search-investment-documents-error__container .search-investment-documents-error__texts-container { width: 64.7%; } } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__texts-container { width: 65.2%; } } @media only screen and (min-width: 992px) { .search-investment-documents-error__container .search-investment-documents-error__texts-container { width: 59.2%; } } @media only screen and (min-width: 1200px) { .search-investment-documents-error__container .search-investment-documents-error__texts-container { width: 65.9%; } } .search-investment-documents-error__container .search-investment-documents-error__main-text--style { margin-bottom: 16px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__main-text--style { font-size: 32px; margin-bottom: 13px; } } @media only screen and (min-width: 992px) { .search-investment-documents-error__container .search-investment-documents-error__main-text--style { margin-bottom: 24px; } } .search-investment-documents-error__container .search-investment-documents-error__text--style { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #312D2B; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__text--style { font-size: 18px; } } .search-investment-documents-error__container .search-investment-documents-error__button-container { height: 48px; width: 48px; align-items: center; justify-content: center; float: right; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__button-container { width: 150px; } } @media only screen and (min-width: 992px) { .search-investment-documents-error__container .search-investment-documents-error__button-container { width: 130px; } } @media only screen and (min-width: 1200px) { .search-investment-documents-error__container .search-investment-documents-error__button-container { width: 160px; } } .search-investment-documents-error__container .search-investment-documents-error__button { height: 48px; width: 48px; border: solid 1px #106EB0; border-radius: 50%; padding: 1px 3px; display: block; cursor: pointer; text-decoration: none; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__button { width: 150px; border-radius: 4px; padding: 12px 26px; line-height: 25px; display: flex; justify-content: space-between; } } @media only screen and (min-width: 992px) { .search-investment-documents-error__container .search-investment-documents-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } @media only screen and (min-width: 1200px) { .search-investment-documents-error__container .search-investment-documents-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } .search-investment-documents-error__container .search-investment-documents-error__button .--hidden { display: none; } .search-investment-documents-error__container .search-investment-documents-error__help-icon { height: 20px; width: 20px; color: #106EB0; display: inline-block; margin: auto; border: 1px solid #106EB0; border-radius: 50%; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__help-icon { height: 22px; width: 22px; margin-right: 8px; font-size: 19px; } } .search-investment-documents-error__container .search-investment-documents-error__help-icon-text { display: none; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__help-icon-text { display: inline-block; } } .search-investment-documents-error__container .search-investment-documents-error__doubt-text { display: none; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; color: #106EB0; } @media only screen and (min-width: 768px) { .search-investment-documents-error__container .search-investment-documents-error__doubt-text { display: block; font-size: 19px; } } .search-investment-documents-error__container#search-investment-documents--welcome .search-investment-documents-error__image, .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__image { border-radius: 50%; height: 182px; margin: 0px auto 24px; width: 182px; } @media only screen and (min-width: 576px) { .search-investment-documents-error__container#search-investment-documents--welcome .search-investment-documents-error__image, .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__image { width: 150px; height: 150px; margin: 0 30px 0 0; } } @media only screen and (min-width: 768px) { .search-investment-documents-error__container#search-investment-documents--welcome .search-investment-documents-error__image, .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__image { width: 210px; height: 210px; } } @media only screen and (min-width: 992px) { .search-investment-documents-error__container#search-investment-documents--welcome .search-investment-documents-error__image, .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__image { width: 255px; height: 255px; margin-right: 23px; } } .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__image { display: flex; justify-content: center; align-items: center; } .search-investment-documents-error__container#search-investment-documents--not-found .search-investment-documents-error__icon { width: 80%; } .search-investment-documents-error__container#search-investment-documents--error .search-investment-documents-error__image { margin-bottom: 16px; } @media only screen and (min-width: 576px) { .search-investment-documents-error__container#search-investment-documents--error .search-investment-documents-error__image { margin-bottom: unset; } } @media screen and (min-width: 576px) and (max-width: 767px) { .search-investment-documents-error__container#search-investment-documents--error .search-investment-documents-error__texts-container { width: 56%; } } .search-investment-documents .--hidden { display: none; } .search-investment-documents .error-color { color: #781B8E !important; } .search-investment-documents__footnote { margin-top: 37px; } .search-investment-documents__footnote a { color: #007ab7; font-family: "ItauText-Bold", "Myriad Pro", Arial; text-decoration: underline; } .search-investment-documents__footnote a:focus, .search-investment-documents__footnote a:hover { color: #0056b3; } .search-investment-documents__container-result-box { display: block; } .search-investment-documents__container-result-box .search-investment-documents__text--small { font-size: 14px; line-height: 18px; color: #252220; text-transform: lowercase; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__text--small { font-size: 16px; line-height: 21px; letter-spacing: -0.48px; } } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box .search-investment-documents__header { display: flex; align-items: baseline; justify-content: space-between; } } .search-investment-documents__container-result-box .search-investment-documents__top-pagination { position: relative; display: flex; flex-direction: column; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; margin: 31px 0 35px; width: 100%; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination { margin: 64px 0 40px; } } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination { align-items: center; } } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination__title { line-height: 48px; } } .search-investment-documents__container-result-box .search-investment-documents__top-pagination__items { font-size: 16px; line-height: 24px; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination__items { display: flex; align-items: center; line-height: 48px; } } .search-investment-documents__container-result-box .search-investment-documents__top-pagination__paragraph { font-family: "ItauText-Regular", "Myriad Pro", Arial; display: inline-block; } .search-investment-documents__container-result-box .search-investment-documents__top-pagination__select { border: none; color: #106EB0; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 21px; background-color: transparent; } .search-investment-documents__container-result-box .search-investment-documents__top-pagination__max-pages, .search-investment-documents__container-result-box .search-investment-documents__top-pagination__items-show { font-family: "ItauText-Regular", "Myriad Pro", Arial; } .search-investment-documents__container-result-box .search-investment-documents__top-pagination .divisor { display: none; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__top-pagination .divisor { display: block; padding: 0 8px; line-height: 21px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination { display: flex; width: 100%; justify-content: space-around; align-items: baseline; max-width: 278px; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; line-height: 20px; background-color: transparent; margin: 32px auto 45px; min-width: fit-content; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination { justify-content: center; max-width: initial; margin: 22px 0 34px; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination { margin: 32px 0 64px; font-size: 16px; line-height: 24px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination p { padding: initial; } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination a { color: #106EB0; text-decoration: none; text-align: center; font-family: "ItauText-Bold", "Myriad Pro", Arial; position: relative; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination a { padding: 0 16px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination select { border: none; color: #106EB0; background-color: transparent; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 24px; text-align: center; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination select { line-height: 32px; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination select { line-height: 24px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .divisor { padding: 0 4px; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .divisor { padding: 0 8px; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .divisor { padding: unset; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .divisor--hide { display: none; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .divisor--hide { display: block; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__previous { color: #106EB0; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media (min-width: 576px) and (max-width: 767px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__previous { padding-left: 16px; } } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__previous:before { content: "\e9cd"; font-family: "itau-icon"; position: absolute; left: -8px; transform: rotate(180deg); top: 2px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__first { color: #106EB0; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; display: none; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__first { display: block; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__last { color: #106EB0; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; display: none; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__last { display: block; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__next { color: #106EB0; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media (min-width: 576px) and (max-width: 767px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__next { padding-right: 16px; } } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__next:after { content: "\e9cd"; font-family: "itau-icon"; position: absolute; top: 1px; right: -8px; } } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .button--disabled { pointer-events: none; color: #D6D0CC; } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination .display--none { display: none; } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__paragraph { margin-bottom: 4px; font-family: "ItauText-Bold", "Myriad Pro", Arial; } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination__page-select { border: none; color: #106EB0; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-weight: 700; } .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination #search-investment-documents__bottom-pagination__total-pages { font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 88px; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination #search-investment-documents__bottom-pagination__total-pages { margin-left: 8px; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__bottom-pagination #search-investment-documents__bottom-pagination__total-pages { margin-right: 16px; } } .search-investment-documents__container-result-box .search-investment-documents__text--bold { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 700; line-height: 21px; color: #252220; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .search-investment-documents__text--bold { font-size: 18px; line-height: 23px; } } .search-investment-documents__container-result-box .p-results-intro { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; margin: 32px 0 16px; line-height: 28px; color: #252220; font-weight: 700; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .p-results-intro { margin: unset; line-height: unset; } } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .p-results-intro { font-size: 32px; } } .search-investment-documents__container-result-box .p-no-results { font-family: ItauText-Regular; font-size: 20px; margin-top: 10px; margin-bottom: 64px; } .search-investment-documents__container-result-box__results__container { background-color: #FFFFFF; border: 1px solid #D6D0CC; box-shadow: 0 2px 8px 0 rgba(86, 80, 76, 0.16), 0 0 5px 0 rgba(86, 80, 76, 0.16); border-radius: 4px; margin: 16px 0; } .search-investment-documents__container-result-box__results__container__title { padding: 16px 24px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 23px; letter-spacing: normal; color: #252220 !important; text-transform: lowercase; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__results__container__title { font-size: 20px; line-height: 26px; letter-spacing: 0.2px; } } .search-investment-documents__container-result-box__result { border: solid 1px #D6D0CC; background-color: #FAF7F5; } .search-investment-documents__container-result-box__result:nth-of-type(even) { background-color: #FFFFFF; } .search-investment-documents__container-result-box__result__data { display: flex; flex-direction: column; padding: 16px; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__data { flex-direction: row; justify-content: space-around; align-items: baseline; } } .search-investment-documents__container-result-box__result__data__info { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__data__info { flex: 1; order: 2; } } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box__result__data__info { order: 1; } } .search-investment-documents__container-result-box__result__data__numbers { display: flex; flex-direction: row; justify-content: flex-start; margin: 12px 0 0; } .search-investment-documents__container-result-box__result__data__numbers div { width: 100%; min-width: 130px; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__data__numbers { flex: 1; order: 3; } } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box__result__data__numbers { flex: 1; order: 2; justify-content: center; padding-left: 120px; } } .search-investment-documents__container-result-box__result__data__numbers__container { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box__result__data__numbers__container { justify-content: left; } .search-investment-documents__container-result-box__result__data__numbers__container .pic-numbers__text--small { margin-right: 30px; } } .search-investment-documents__container-result-box__result__help-text__accordeon { width: 100%; font-size: 14px; line-height: 18px; position: relative; padding: 16px 16px 16px 45px; text-align: left; font-family: "ItauText-Bold", "Myriad Pro", Arial; color: #252220; border: none; border-top: solid 1px #D6D0CC; background-color: transparent; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__help-text__accordeon { font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: -0.48px; } .search-investment-documents__container-result-box__result__help-text__accordeon:hover { text-decoration: underline; } .search-investment-documents__container-result-box__result__help-text__accordeon:focus { text-decoration: underline; } } .search-investment-documents__container-result-box__result__help-text__accordeon .pic-numbers__text--small-bold:first-child:hover { text-decoration: underline; } .search-investment-documents__container-result-box__result__help-text__accordeon__agencia { position: absolute; left: 16px; font-size: 26px; top: 10px; color: #EC7000; } .search-investment-documents__container-result-box__result__help-text__accordeon__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #231D19; pointer-events: none; } .search-investment-documents__container-result-box__result__help-text__info { display: none; border-top: solid 1px #D6D0CC; padding: 16px 0; font-size: 14px; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box__result__help-text__info { padding: 0; } } .search-investment-documents__container-result-box__result__help-text__info--flex { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__help-text__info--flex { flex-direction: row; } } .search-investment-documents__container-result-box__result__help-text__info a { color: #106EB0; padding: initial; text-decoration: none; text-align: center; display: inline-block; font-family: ItauDisplay-Bold; font-size: 16px; margin-bottom: 64px; position: relative; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box__result__help-text__info a { padding: 8px 8px; } } .search-investment-documents__container-result-box__result__help-text__info a__map-container { width: 100%; } .search-investment-documents__container-result-box__result__help-text__info a__map-container__map { width: 100%; height: 186px; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__help-text__info a__map-container__map { height: 100%; min-width: 389px; } } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box__result__help-text__info a__map-container__map { height: 384px; min-width: 529px; } } @media only screen and (min-width: 1200px) { .search-investment-documents__container-result-box__result__help-text__info a__map-container__map { min-width: 634px; } } .search-investment-documents__container-result-box__result__help-text__info a__info-container { width: 100%; padding: 16px 24px; color: #252220; } .search-investment-documents__container-result-box__result__help-text__info a__info-container__title { font-size: 18px; margin: 12px 0; font-weight: 600; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__help-text__info a__info-container__title { font-size: 20px; line-height: 32px; } } .search-investment-documents__container-result-box__result__help-text__info a__info-container__paragraph { margin-bottom: 8px; font-size: 14px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box__result__help-text__info a__info-container__paragraph { margin-bottom: 12px; font-size: 16px; } } .search-investment-documents__container-result-box__result__help-text__info__info--show { display: block; } .search-investment-documents__container-result-box__result--hidden { display: none; } .search-investment-documents__container-result-box .pagination-search-investment-documents { display: flex; text-align: center; width: 100%; justify-content: space-between; max-width: 273px; margin: 0 auto; /* Safari */ } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .pagination-search-investment-documents { justify-content: center; max-width: initial; margin: initial; } } .search-investment-documents__container-result-box .pagination-search-investment-documents p { padding: initial; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .pagination-search-investment-documents p { padding: 8px 0; } } .search-investment-documents__container-result-box .pagination-search-investment-documents a { color: #106EB0; padding: initial; text-decoration: none; text-align: center; display: inline-block; font-family: ItauDisplay-Bold; font-size: 16px; margin-bottom: 64px; position: relative; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .pagination-search-investment-documents a { padding: 8px 8px; } } .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_prev, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_next, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_first, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_last { color: #106EB0; } .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_prev.disable, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_next.disable, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_first.disable, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_last.disable { color: #D6D0CC; cursor: pointer; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .pagination-search-investment-documents a { padding: 8px 16px; } .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_prev:before { content: "\e9cd"; font-family: "itau-icon"; position: absolute; left: -8px; transform: rotate(180deg); top: 6px; font-size: 22px; } .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_next:after { content: "\e9cd"; font-family: "itau-icon"; position: absolute; top: 4px; font-size: 22px; } } .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_first, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_last, .search-investment-documents__container-result-box .pagination-search-investment-documents a.divisor { display: none; } @media only screen and (min-width: 768px) { .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_first, .search-investment-documents__container-result-box .pagination-search-investment-documents a#btn_last, .search-investment-documents__container-result-box .pagination-search-investment-documents a.divisor { display: block; } } .search-investment-documents__container-result-box .pagination-search-investment-documents a span { color: #231D19; font-family: ItauDisplay-Regular; } .search-investment-documents__container-result-box .pagination-search-investment-documents select { border: none; height: 15px; color: #106EB0; font-family: ItauDisplay-Bold; } @media only screen and (min-width: 576px) { .search-investment-documents__container-result-box .pagination-search-investment-documents select { height: 32px; } } .search-investment-documents__container-result-box .pagination-search-investment-documents__iconLoader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3f3a36; width: 64px; height: 64px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; margin: 30% auto; } @media only screen and (min-width: 992px) { .search-investment-documents__container-result-box .pagination-search-investment-documents__iconLoader { margin: 10% auto; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .search-investment-documents__container-result-box .pagination-search-investment-documents .map { height: 454px; /* The height is 400 pixels */ width: 634px; /* The width is the width of the web page */ } .search-investment-documents__container-result-box .--hidden { display: none !important; } .search-investment-documents__container-result-box .--fake-hidden { opacity: 0; width: 1px; height: 1px; z-index: -999; position: absolute; left: -999999px; top: -999999px; } @charset "UTF-8"; .richtext-container .richtext { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .richtext-container .richtext { padding-bottom: 32px; } } .richtext-container .richtext { padding-top: 64px; } @media only screen and (max-width: 767px) { .richtext-container .richtext { padding-top: 32px; } } [data-segment] .bg-blue:not(.keep-color-text) .richtext-box ul, [data-segment] .bg-blue:not(.keep-color-text) .richtext-box ol, [data-segment] .bg-gradient-blue:not(.keep-color-text) .richtext-box ul, [data-segment] .bg-gradient-blue:not(.keep-color-text) .richtext-box ol, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) .richtext-box ul, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) .richtext-box ol, [data-segment] .bg-gradient-orange:not(.keep-color-text) .richtext-box ul, [data-segment] .bg-gradient-orange:not(.keep-color-text) .richtext-box ol { color: #FFFFFF; } .richtext-container .richtext h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 32px; line-height: 48px; } @media only screen and (max-width: 767px) { .richtext-container .richtext h2 { font-size: 22px; line-height: 33px; } } .richtext-container .richtext h3 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; line-height: 30px; } .richtext-container .richtext h4 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; line-height: 30px; } .richtext-container .richtext h5 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; line-height: 30px; } .richtext-container .richtext a { color: #007AB7; font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size:  16px; line-height:  24px; text-decoration:  underline; } .richtext-container .richtext ol, .richtext-container .richtext ul { margin-left: 2%; font-size: 16px; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; } @media only screen and (max-width: 767px) { .richtext-container .richtext ol, .richtext-container .richtext ul { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 575px) { .richtext-container .richtext ol, .richtext-container .richtext ul { margin-left: 6%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .richtext-container .richtext ol, .richtext-container .richtext ul { margin-left: 4%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .richtext-container .richtext ol, .richtext-container .richtext ul { margin-left: 3%; } } .richtext-container .richtext ol { list-style: decimal; } .richtext-container .richtext ul { list-style-type: disc; } .richtext-container .richtext p { font-size: 16px; line-height: 24px; font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #252220; } @media only screen and (max-width: 767px) { .richtext-container .richtext p { font-size: 14px; line-height: 21px; } } .richtext-container__title { padding-top: 43px; padding-bottom: 32px; } .richtext-container__title h2 { font-family: 'ItauDisplay-XBold'; font-size: 22px; line-height: 33px; color: #EC7000; } [data-segment='uniclass'] .richtext-container__title h2 { color: #252220; } [data-segment='empresas'] .richtext-container__title h2 { color: #003767; } [data-segment='personnalite'] .richtext-container__title h2 { color: #252220; } @media only screen and (min-width: 768px) { .richtext-container__title h2 { font-size: 32px; line-height: 48px; } } .richtext-container__title p { font-family: 'ItauDisplay-Light'; font-size: 18px; line-height: 27px; color: #252220; } @media only screen and (min-width: 768px) { .richtext-container__title p { font-size: 20px; line-height: 30px; } } .richtext-container__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold'; font-size: 14px; color: #252220; line-height: 20px; } .richtext-container__richtext-content p { font-family: 'ItauDisplay-Regular'; font-size: 12px; line-height: 18px; color: #252220; } .richtext-container__richtext-content img { width: 100%; } .static-qr-code-main-banner { width: 100%; height: 388.5px; position: relative; } .static-qr-code-main-banner .container { position: relative; padding-top: 129px; } .static-qr-code-main-banner h1 { width: 288px; height: 90px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; margin-bottom: 8px; font-size: 30px; color: #FFFFFF; line-height: 45px; } .static-qr-code-main-banner h2 { width: 288px; height: 66px; margin: 0 0 16px 0; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 22px; color: #FFFFFF !important; line-height: 33px; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn { cursor: pointer; text-decoration: none !important; padding: 16px 0 13px 0; line-height: 1; height: 48px; background-color: #EC7000; color: #FFFFFF; display: block; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; border-radius: 4px; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn:hover { text-decoration: none; } .static-qr-code-main-banner .container-qr-code { width: 288px; } @media (min-width: 992px) { .static-qr-code-main-banner .container-qr-code { width: 290px; } } .static-qr-code-main-banner .container-qr-code-img { width: 122px; height: 122px; position: absolute; bottom: 0; left: 309px; } .static-qr-code-main-banner .container-qr-code-img img { width: 100%; height: 100%; } .static-qr-code-main-banner .container-qr-code-img span { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 18px; color: #FFFFFF; } .static-qr-code-main-banner-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("https://www.itau.com.br/content/dam/itau/canais-digitais/Group%2015.jpg"); background-position: center center; background-size: cover; overflow: hidden; } .static-qr-code-gradient { min-width: 100%; min-height: 100%; opacity: 0.6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(22%, rgba(0, 0, 0, 0)), color-stop(66%, rgba(0, 0, 0, 0.94)), to(#000000)); background-image: linear-gradient(rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.94) 66%, #000000 100%); } @media (min-width: 576px) { .static-qr-code-main-banner { height: 320px; } .static-qr-code-main-banner .container { padding-top: 48px; } .static-qr-code-main-banner h1 { width: 285px; height: 76px; line-height: 38px; } .static-qr-code-main-banner h2 { width: 285px; margin: 0 0 32px 0; line-height: 30px; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn { width: 195px; line-height: 20px; } .static-qr-code-gradient { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-image: linear-gradient(269deg, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.94) 66%, #000000 100%); } } @media (min-width: 768px) { .static-qr-code-main-banner { height: 480px; } .static-qr-code-main-banner .container { padding-top: 89px; } .static-qr-code-main-banner h1 { font-size: 32px; height: 96px; line-height: 48px; } .static-qr-code-main-banner h2 { height: 76px; font-size: 24px; line-height: 38px; margin: 0px 0 40px 0; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn { width: 210px; } .static-qr-code-main-banner-bg { background-position-x: 75%; } } @media (min-width: 992px) { .static-qr-code-main-banner { height: 488px; } .static-qr-code-main-banner .container { padding-top: 101px; } .static-qr-code-main-banner h1 { width: 290px; } .static-qr-code-main-banner h2 { width: 290px; margin: 0 0 48px 0; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn { width: 210px; } .static-qr-code-main-banner .container-qr-code-img { left: 339px; } .static-qr-code-main-banner .container-qr-code-img span { position: absolute; bottom: -25px; left: 0; width: 275px; } .static-qr-code-main-banner .static-qr-code-main-banner-bg { background-position-x: 65%; } } @media (min-width: 1440px) { .static-qr-code-main-banner { height: 506px; } .static-qr-code-main-banner .container { padding-top: 132px; } .static-qr-code-main-banner h1 { width: 349.8px; } .static-qr-code-main-banner h2 { width: 349.8px; height: 79px; } .static-qr-code-main-banner a.static-qr-code-main-banner-btn { width: 255px; } .static-qr-code-main-banner .container-qr-code-img { left: 386px; } } @media (max-width: 576px) { .static-qr-code-main-banner-bg { background-image: url("https://www.itau.com.br/content/dam/itau/canais-digitais/background%20image%20reduced%20copy.jpg"); } } .pic-numbers { width: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; margin: 20px auto; /* Safari */ } .pic-numbers__search-box { border-radius: 4px; border: solid 1px #D6D0CC; padding: 16px; } @media only screen and (min-width: 1400px) { .pic-numbers__search-box { display: flex; flex-wrap: wrap; } } @media only screen and (min-width: 576px) { .pic-numbers__search-box__filters { display: flex; margin-bottom: 8px; } } @media only screen and (min-width: 1400px) { .pic-numbers__search-box__filters { width: 80%; } } @media only screen and (min-width: 576px) { .pic-numbers__search-box__filters__type-selector { flex: 1; max-width: 50%; } } @media only screen and (min-width: 992px) { .pic-numbers__search-box__filters__type-selector { display: flex; height: 70px; flex: none; width: 50%; max-width: 50%; } .pic-numbers__search-box__filters__type-selector .spec-former__form-input__select { width: 40%; margin: 0 24px 16px 0; } .pic-numbers__search-box__filters__type-selector .spec-former__form-input__select:last-child { width: 60%; margin: 0 0 16px 0; } } @media only screen and (min-width: 1400px) { .pic-numbers__search-box__filters__type-selector { width: 50%; max-width: 50%; } } @media only screen and (min-width: 576px) { .pic-numbers__search-box__filters__period-selector { flex: 1; max-width: 50%; padding: 0 30px; } } @media only screen and (min-width: 992px) { .pic-numbers__search-box__filters__period-selector { width: 50%; max-width: 50%; padding: 0 0 0 30px; } } .pic-numbers__search-box__filters__period-selector__title { margin-bottom: 16px; font-size: 14px; color: #231D19; line-height: 20px; font-family: "ItauText-Regular", "Myriad Pro", Arial; margin-bottom: 16px; } .pic-numbers__form-input__label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); transition: 0.2s all; color: #56504C; pointer-events: none; z-index: 90; } .pic-numbers__form-input__label.--touched { top: 0; background-color: white; padding: 0 10px; font-size: 12px; } .pic-numbers__form-input__select { position: relative; margin: 16px 0; } .pic-numbers__form-input__select__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; pointer-events: none; color: #EC7000; } .pic-numbers__form-input__select__icon.--open { border-color: #EC7000; } .pic-numbers__form-input__select__input { width: 100%; position: relative; background-color: transparent; text-align: left; padding: 16px; border: solid 1px #706A66; border-radius: 2px; color: #56504C; } .pic-numbers__form-input__select__input.--open { border-color: #EC7000; } .pic-numbers__form-input__select__options { display: none; width: 100%; max-height: 337px; margin: 6.5px 0; list-style-type: none; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35); border-radius: 2px; position: absolute; z-index: 99; overflow: scroll; } .pic-numbers__form-input__select__options.--open { display: block; } .pic-numbers__form-input__select__option { border: 1px solid transparent; padding: 16px; box-shadow: inset 0 -1px 0 0 #EFE9E5; line-height: 22px; } .pic-numbers__form-input__select__option.--selected { border-color: #EC7000; } .pic-numbers__form-input__select__option:hover { border-color: #EC7000; } .pic-numbers__form-input__select__error-message { position: absolute; left: 16px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 12px; color: #781B8E; letter-spacing: 0; line-height: 16px; } .pic-numbers__error-message { border: 1px solid #781B8E; padding: 16px; background-color: rgba(120, 27, 142, 0.1); margin-top: 16px; border-radius: 4px; } @media only screen and (min-width: 1400px) { .pic-numbers__error-message { padding: 24px; } } .pic-numbers__error-message__intro { margin: 4px 0 0 16px; font-family: "ItauText-XBold", "Myriad Pro", Arial; font-size: 16px; color: #252220 !important; width: 100%; } .pic-numbers__error-message__header { display: flex; justify-content: space-between; } .pic-numbers__error-message__header__icon { color: #781B8E; font-size: 24px; } .pic-numbers__error-message__header__close-button { border: none; background-color: transparent; } .pic-numbers__error-message__error-list { margin: 16px 0 0 40px; } .pic-numbers__error-message__item { font-size: 16px; margin: 0; line-height: 24px; font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #252220; } .pic-numbers__error-message__error-link { font-family: "ItauText-XBold", "Myriad Pro", Arial; text-decoration: underline; color: #106EB0; } .pic-numbers__radio-button { display: block; position: relative; padding-top: 2px; margin-bottom: 20px; font-size: 16px; user-select: none; color: #231D19 !important; } @media only screen and (min-width: 992px) { .pic-numbers__radio-button { display: inline-block; width: 40%; } .pic-numbers__radio-button:last-child { width: 59%; } } .pic-numbers__radio-button__label { position: relative; padding-left: 29px; } .pic-numbers__radio-button__label::before { border-radius: 50%; content: ''; display: inline-block; height: 18px; width: 18px; background-color: #FFFFFF; border: 1px solid #231D19; border-radius: 50%; position: absolute; margin-left: -29px; cursor: pointer; } .pic-numbers__radio-button__input { position: absolute; margin: 0; height: 18px; width: 18px; } .pic-numbers__radio-button__input:checked ~ .pic-numbers__radio-button__label::before { background-color: #EC7000; border-color: #EC7000; } .pic-numbers__btn-container { display: flex; } @media only screen and (min-width: 576px) { .pic-numbers__btn-container { align-content: center; } } @media only screen and (min-width: 768px) { .pic-numbers__btn-container { justify-content: flex-end; } } @media only screen and (min-width: 1400px) { .pic-numbers__btn-container { width: 20%; display: grid; justify-content: inherit; } } .pic-numbers__clear-button { flex: 1; box-sizing: border-box; border: 1px solid #106EB0; border-radius: 4px; background-color: transparent; padding: 8px 0; margin-right: 8px; min-width: 121px; height: 48px; color: #106EB0; font-weight: 700; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; line-height: 32px; } .pic-numbers__clear-button:disabled { border-color: #D6D0CC; color: #D6D0CC; } .pic-numbers__clear-button:focus, .pic-numbers__clear-button:hover { background-color: #ECF7FD; } @media only screen and (min-width: 768px) { .pic-numbers__clear-button { max-width: 145px; } } @media only screen and (min-width: 1400px) { .pic-numbers__clear-button { max-width: 100%; margin: 0 0 8px 0; } } .pic-numbers__search-button { flex: 1; box-sizing: border-box; border: 1px solid #EC7000; border-radius: 4px; height: 48px; width: 100%; background-color: #EC7000; padding: 8px 0; color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 32px; font-size: 20px; font-weight: 700; cursor: pointer; } @media only screen and (min-width: 768px) { .pic-numbers__search-button { max-width: 145px; } } @media only screen and (min-width: 1400px) { .pic-numbers__search-button { max-width: 100%; } } .pic-numbers__search-button:disabled { background-color: #D6D0CC; color: #89837F; border-color: #D6D0CC; } .pic-numbers__search-button:disabled:hover { background-color: #D6D0CC; } .pic-numbers__search-button:hover { background-color: #dd6100; } .pic-numbers__search-button:focus { background-color: #dd6100; } .pic-numbers .itau-button-container { flex: 1; margin-left: 8px; min-width: 121px; } @media only screen and (min-width: 768px) { .pic-numbers .itau-button-container { max-width: 145px; } } .pic-numbers .itau-button-container__a--left { margin-top: 0; } @media only screen and (min-width: 768px) { .pic-numbers .itau-button-container__a--left { max-width: 145px; } } .pic-numbers__result-box { margin: 32px 0; } .pic-numbers__result-box__feedback-card { padding: 16px 0; } @media only screen and (min-width: 576px) { .pic-numbers__result-box__feedback-card { display: flex; flex-direction: row; align-items: center; } } .pic-numbers__result-box__feedback-card__image { display: flex; width: 208px; height: 208px; margin: 0px auto 16px; background-color: #F6F1EE; border-radius: 50%; overflow: hidden; } .pic-numbers__result-box__feedback-card__image--no-background { background-color: transparent; } @media only screen and (min-width: 576px) { .pic-numbers__result-box__feedback-card__image { width: 194px; height: 194px; margin: 0 26px 0 0; } } @media only screen and (min-width: 768px) { .pic-numbers__result-box__feedback-card__image { width: 210px; height: 210px; margin: 0 26px 0 0; } } .pic-numbers__result-box__feedback-card__image .cmp-image { display: flex; align-items: center; justify-content: center; padding: 30px; } .pic-numbers__result-box__feedback-card__image .cmp-image__image { width: 100%; } .pic-numbers__result-box__feedback-card__description { flex: 1; } .pic-numbers__result-box__feedback-card__description .pic-numbers__title--light:first-child { margin-bottom: 8px; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__feedback-card__description .pic-numbers__title--light:first-child { margin-bottom: 16px; } } .pic-numbers__result-box__results__title { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } .pic-numbers__result-box__results__container { margin: 24px 0 16px; padding: 16px 0 0; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(86, 80, 76, 0.16), 0 0 5px 0 rgba(86, 80, 76, 0.16); border: solid 1px #D6D0CC; background-color: #FFFFFF; } .pic-numbers__result-box__results__container__title { margin: 0 0 16px 24px; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__results__container__title { font-size: 20px; } } .pic-numbers__result-box__result { border: solid 1px #D6D0CC; background-color: #FAF7F5; } .pic-numbers__result-box__result:nth-of-type(even) { background-color: #FFFFFF; } .pic-numbers__result-box__result__data { display: flex; flex-direction: column; padding: 16px; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__result__data { flex-direction: row; justify-content: space-around; align-items: baseline; } } .pic-numbers__result-box__result__data__info { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__result__data__info { flex: 1; order: 2; } } @media only screen and (min-width: 992px) { .pic-numbers__result-box__result__data__info { order: 1; } } .pic-numbers__result-box__result__data__info .pic-numbers__text--small { font-family: "ItauText-Regular", "Myriad Pro", Arial; } .pic-numbers__result-box__result__data__numbers { display: flex; flex-direction: column; justify-content: space-between; margin: 12px 0 0; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__result__data__numbers { flex: 2; order: 1; } } @media only screen and (min-width: 992px) { .pic-numbers__result-box__result__data__numbers { flex: 1; order: 2; } } .pic-numbers__result-box__result__data__numbers__container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .pic-numbers__result-box__result__data__numbers__container .pic-numbers__text--small { font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 576px) { .pic-numbers__result-box__result__data__numbers__container { justify-content: left; } .pic-numbers__result-box__result__data__numbers__container .pic-numbers__text--small { margin-right: 30px; } } .pic-numbers__result-box__result__help-text__accordeon { position: relative; padding: 16px; border-top: solid 1px #D6D0CC; } .pic-numbers__result-box__result__help-text__accordeon:hover .pic-numbers__text--small-bold, .pic-numbers__result-box__result__help-text__accordeon:focus .pic-numbers__text--small-bold { text-decoration: underline; } .pic-numbers__result-box__result__help-text__accordeon .pic-numbers__text--small-bold { font-family: "ItauText-Bold", "Myriad Pro", Arial; } .pic-numbers__result-box__result__help-text__accordeon .pic-numbers__text--small-bold:first-child:hover { text-decoration: underline; } .pic-numbers__result-box__result__help-text__accordeon__arrow { position: absolute; right: 16px; top: 33%; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #231D19; transition: all .5s; } .pic-numbers__result-box__result__help-text__accordeon[aria-expanded=true] .pic-numbers__result-box__result__help-text__accordeon__arrow { transform: rotate(180deg); } .pic-numbers__result-box__result__help-text__info { display: none; border-top: solid 1px #D6D0CC; padding: 16px 24px; font-size: 14px; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .pic-numbers__result-box__result__help-text__info { font-size: 16px; } } .pic-numbers__result-box__result__help-text__info--show { display: block; } .pic-numbers__result-box__result__help-text .pic-numbers--flex { flex-direction: column; } .pic-numbers__text--small { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .pic-numbers__text--small { font-size: 16px; } } .pic-numbers__text--small-bold { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .pic-numbers__text--small-bold { font-size: 16px; } } .pic-numbers__text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .pic-numbers__text { font-size: 18px; } } .pic-numbers__text--bold { font-size: 16px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .pic-numbers__text--bold { font-size: 18px; } } .pic-numbers__title { font-size: 18px; font-weight: bold; color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .pic-numbers__title { font-size: 20px; } } @media only screen and (min-width: 1400px) { .pic-numbers__title { min-width: 100%; } } .pic-numbers__title--bold { font-size: 16px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; color: #252220; } @media only screen and (min-width: 768px) { .pic-numbers__title--bold { font-size: 20px; } } .pic-numbers__title--light { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220 !important; } @media only screen and (min-width: 768px) { .pic-numbers__title--light { font-size: 32px; } } .pic-numbers__flex-container { flex: 1; } .pic-numbers--hidden { display: none; } .pic-numbers--disabled { pointer-events: none; } .pic-numbers--flex { display: flex; } .pic-numbers--no-pointer-events { pointer-events: none; } .pic-numbers__icon-loader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #DD6100; width: 64px; height: 64px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; margin: 30% auto; } @media only screen and (min-width: 992px) { .pic-numbers__icon-loader { margin: 10% auto; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pic-numbers .map { height: 454px; /* The height is 400 pixels */ width: 634px; /* The width is the width of the web page */ } .pic-numbers .--hidden { display: none; } .pic-numbers__footnote { font-family: ItauText-Regular; font-size: 12px; color: #252220; } .pic-numbers .--fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } .partner-container .partner-item { display: flex; margin-right: 32px; } .partner-container .partner-item a { color: #252220; } .partner-container .partner-item a:hover { text-decoration: none; } .partner-container .partner-item .content { display: flex; } @media only screen and (min-width: 768px) { .partner-container .partner-item .content { display: table; } } .partner-container .partner-item .content .media { width: 129px; height: 89px; margin-right: 48px; } @media only screen and (min-width: 576px) { .partner-container .partner-item .content .media { width: 105px; margin-right: 72px; } } @media only screen and (min-width: 768px) { .partner-container .partner-item .content .media { width: 150px; margin-right: 0px; } } @media only screen and (min-width: 992px) { .partner-container .partner-item .content .media { width: 130px; height: 100px; margin-right: 30px; } } @media only screen and (min-width: 1200px) { .partner-container .partner-item .content .media { width: 160px; height: 86px; } } .partner-container .partner-item .content .media .border { border: 1px solid #757575; } .partner-container .partner-item .content .text { align-items: center; display: flex; max-width: 130px; width: 100%; font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 18px; } @media only screen and (min-width: 576px) { .partner-container .partner-item .content .text { width: 127px; max-width: 127px; } } @media only screen and (min-width: 768px) { .partner-container .partner-item .content .text { width: 151px; max-width: 151px; text-align: center; padding-top: 8px; } } @media only screen and (min-width: 992px) { .partner-container .partner-item .content .text { width: 151px; max-width: 151px; text-align: left; } [data-segment='cartoes'] .partner-container .partner-item .content .text { text-align: center; display: table; } } @media only screen and (min-width: 1200px) { .partner-container .partner-item .content .text { width: 160px; max-width: 160px; } } /** * Component Styles */ .partner-container-static { background-color: #FFFFFF; } .partner-container-static .paragraph { margin: 0px; padding: 0px; } @media only screen and (max-width: 575px) { .partner-container-static ul.lightSlider { margin: 0px; } } .partner-container-static .lSSlideOuter { margin-top: 32px; } @media only screen and (min-width: 768px) { .partner-container-static .lSSlideOuter { margin-top: 40px; } } .partner-container-static .media { justify-content: center; opacity: 1; } .partner-container-static .text { display: flex; width: 100%; margin-top: 16px; justify-content: center; text-align: center; } @media only screen and (min-width: 768px) { .partner-container-static .text { margin-top: 18px; } } .partner-container-static .text p { width: 70%; font-family: ItauText-Regular; font-size: 16px; color: #252220; text-align: center; line-height: 24px; } @media only screen and (min-width: 768px) { .partner-container-static .text p { width: 60%; } } .partner-container-static .partner-image a:hover { text-decoration: none; } .partner-container-static section .container-fluid { padding: 0; margin-left: 0; margin-right: 0; } .partner-container-static__list { display: flex; align-items: flex-start; justify-content: start; height: auto !important; /** * Authoring Only CSS */ } @media only screen and (max-width: 575px) { .partner-container-static__list { margin-left: 15px; } } .partner-container-static__list.authoring-mode { flex-wrap: wrap; } .partner-container-static .lsAction { width: 48px; height: 46px; z-index: 10; display: none !important; } @media only screen and (min-width: 576px) { .partner-container-static .lsAction { display: inline-block !important; } } .partner-container-static .lsAction:before { font-family: 'itau-icon'; font-size: 32px; color: #605751; } .partner-container-static .lSPrev { left: 0px; top: 48%; } @media only screen and (min-width: 768px) { .partner-container-static .lSPrev { left: -4px; top: calc(60% - 15px); } } @media only screen and (min-width: 992px) { .partner-container-static .lSPrev { left: -8px; top: calc(59% - 12px); } } @media only screen and (min-width: 1200px) { .partner-container-static .lSPrev { left: 2%; top: calc(59% - 50px); } } .partner-container-static .lSPrev:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 32px; color: #000000; } @media only screen and (min-width: 768px) { .partner-container-static .lSPrev:before { font-size: 48px; } } .partner-container-static .lSNext { right: 0px; top: 48%; } @media only screen and (min-width: 768px) { .partner-container-static .lSNext { right: 8px; top: calc(60% - 15px); } } @media only screen and (min-width: 992px) { .partner-container-static .lSNext { right: 6px; top: calc(59% - 12px); } } @media only screen and (min-width: 1200px) { .partner-container-static .lSNext { right: 3%; top: calc(58% - 50px); } } .partner-container-static .lSNext:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 32px; color: #000000; } @media only screen and (min-width: 768px) { .partner-container-static .lSNext:before { font-size: 48px; } } .partner-container-static__inner { padding: 32px 0 49px; } @media only screen and (min-width: 576px) { .partner-container-static__inner { padding: 36px 0 38px; } } @media only screen and (min-width: 768px) { .partner-container-static__inner { padding: 64px 0 64px; } } @media only screen and (min-width: 1200px) { .partner-container-static__inner { padding: 64px 0 128px; } } .partner-container-static__title h2 { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .partner-container-static__title h2 { color: #003767; } [data-segment='personnalite'] .partner-container-static__title h2 { color: #252220; } [data-segment='varejo'] .partner-container-static__title h2 { color: #252220; } [data-segment='uniclass'] .partner-container-static__title h2 { color: #252220; } [data-segment='cartoes'] .partner-container-static__title h2 { color: #003767; } [data-segment='private'] .partner-container-static__title h2 { color: #252220; } @media only screen and (min-width: 576px) { [data-segment='varejo'] .partner-container-static__title h2 { color: #252000; } } @media only screen and (min-width: 768px) { .partner-container-static__title h2 { font-size: 32px; line-height: 48px; } [data-segment='varejo'] .partner-container-static__title h2 { color: #252220; } } .partner-container-static__title p { padding: 0; font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #6E6E6E; } [data-segment='empresas'] .partner-container-static__title p { color: #312D2B; } [data-segment='personnalite'] .partner-container-static__title p { color: #252220; } [data-segment='uniclass'] .partner-container-static__title p { color: #312D2B; } @media only screen and (min-width: 576px) { .partner-container-static__title p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 768px) { .partner-container-static__title p { font-family: 'ItauDisplay-Light'; font-size: 20px; color: #312D2B; line-height: 28px; } } @media only screen and (min-width: 992px) { .partner-container-static__title p { font-family: 'ItauDisplay-Light'; } } .partner-container-static__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .partner-container-static__title--fluid { padding-left: 15px; } .partner-container-static .lSPager { bottom: -60px; margin-top: 24px !important; } @media only screen and (min-width: 576px) { .partner-container-static .lSPager { bottom: -50px; } } @media only screen and (min-width: 992px) { .partner-container-static .lSPager { margin-top: 48px !important; } } @media only screen and (min-width: 1200px) { .partner-container-static .lSPager { margin-top: 24px !important; } } .partner-container-static .lSPager li:not(.active) .timeline-track { width: 0% !important; } .partner-container-static .lSPager a { display: block; } .partner-container-static .lSPager .slick-count { display: flex; align-items: center; } .partner-container-static .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .partner-container-static .lSPager .counter { font-size: 24px; } } .partner-container-static .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .partner-container-static .lSPager .timeline { background: #cbcbcb; } .partner-container-static .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .partner-container-static .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .partner-container-static .lSPager .timeline .timeline-track { background: #252220; } [data-segment='varejo'] .partner-container-static .lSPager .timeline .timeline-track, [data-segment='cartoes'] .partner-container-static .lSPager .timeline .timeline-track, [data-segment='private'] .partner-container-static .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .partner-container-static .lSPager .timeline .timeline-track { background: #4F758B; } .partner-container-static .lSPager li { margin: 0 0 0 12px; width: auto; } .partner-container-static .lSPager li a { color: #605751; } .partner-container-static .lSPager li a:hover { text-decoration: none; } .partner-container-static .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .partner-container-static .lSPager li.active .timeline { width: 80px; } } .partner-container-static .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .partner-container-static .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .partner-container-static .lSPager li.active a { color: #252220; } [data-segment='varejo'] .partner-container-static .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .partner-container-static .lSPager li.active a { color: #252220; } .mosaic-container__section { padding-top: 64px; } @media only screen and (max-width: 767px) { .mosaic-container__section { padding-top: 32px; } } [data-segment='varejo'] .mosaic-container .bg-grey .mosaic-container__header .title { color: #252220; } .mosaic-container__header .title { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .mosaic-container__header .title { color: #003767; } [data-segment='personnalite'] .mosaic-container__header .title { color: #252220; } [data-segment='varejo'] .mosaic-container__header .title { color: #EC7000; } [data-segment='cartoes'] .mosaic-container__header .title { color: #003767; } [data-segment='private'] .mosaic-container__header .title { color: #003767; } @media only screen and (min-width: 768px) { .mosaic-container__header .title { font-size: 32px; line-height: 48px; } } .mosaic-container__header .description { padding: 0 0 28px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; line-height: 27px; color: #312D2B; } [data-segment='empresas'] .mosaic-container__header .description { color: #312D2B; } [data-segment='personnalite'] .mosaic-container__header .description { color: #252220; } @media only screen and (min-width: 576px) { .mosaic-container__header .description { font-size: 20px; line-height: 30px; } } .mosaic-container__header .overright { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .mosaic-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { .mosaic-container section { padding-top: 32px; } } [data-segment='varejo'] .mosaic-container .bg-grey .mosaic-container__header .title { color: #312D2B; } .mosaic-container__header .title { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .mosaic-container__header .title { color: #003767; } [data-segment='personnalite'] .mosaic-container__header .title { color: #252220; } [data-segment='varejo'] .mosaic-container__header .title { color: #EC7000; } [data-segment='cartoes'] .mosaic-container__header .title { color: #EC7000; } [data-segment='private'] .mosaic-container__header .title { color: #252220; } @media only screen and (min-width: 768px) { .mosaic-container__header .title { font-size: 32px; line-height: 48px; } } .mosaic-container__header .description { padding: 0 0 28px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; line-height: 27px; color: #312D2B; } [data-segment='empresas'] .mosaic-container__header .description { color: #312D2B; } [data-segment='personnalite'] .mosaic-container__header .description { color: #252220; } @media only screen and (min-width: 576px) { .mosaic-container__header .description { font-size: 20px; line-height: 30px; } } .mosaic-container__header .overright { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .mosaic-container .mosaic-link:focus + .mosaic .mosaic__inner-content:before { transform: translateY(0); } .mosaic-container .mosaic:hover .mosaic__inner-content:before { transform: translateY(0); } .mosaic-container .mosaic { display: block; position: relative; cursor: pointer; } .mosaic-container .mosaic__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); } .mosaic-container .mosaic__inner-content { display: flex; flex-flow: column; justify-content: flex-end; overflow: hidden; position: absolute; bottom: 0; width: 100%; padding: 16px; color: #FFFFFF !important; } .mosaic-container .mosaic__inner-content * { position: relative; z-index: 10; } .mosaic-container .mosaic__inner-content:before { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; transition: all 0.3s ease-in-out; transform: translateY(100%); background: #EC7000; } [data-segment='varejo'] .mosaic-container .mosaic__inner-content:before { background: #EC7000; } [data-segment='personnalite'] .mosaic-container .mosaic__inner-content:before { background: #876632; } [data-segment='uniclass'] .mosaic-container .mosaic__inner-content:before { background: #4F758B; } [data-segment='empresas'] .mosaic-container .mosaic__inner-content:before { background: #003767; } .mosaic-container .mosaic__inner-content h1, .mosaic-container .mosaic__inner-content h2, .mosaic-container .mosaic__inner-content h3, .mosaic-container .mosaic__inner-content h4, .mosaic-container .mosaic__inner-content h5 { padding: 0 0 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; letter-spacing: 0; line-height: 24px; } .mosaic-container .mosaic__inner-content h3 { color: #FFFFFF !important; font-weight: 700; } .mosaic-container .mosaic__inner-content p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; letter-spacing: 0; line-height: 21px; } .mosaic-container .mosaic__icons i { display: block; padding: 0 0 8px; font-size: 32px; } .mosaic-container .mosaic--big { margin-bottom: 16px; height: 211px; } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--big { height: 311px; margin-bottom: 0; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--big { height: 416px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--big { height: 506px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--big .mosaic__inner-content { padding: 24px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--big .mosaic__inner-content h1, .mosaic-container .mosaic--big .mosaic__inner-content h2, .mosaic-container .mosaic--big .mosaic__inner-content h3, .mosaic-container .mosaic--big .mosaic__inner-content h4, .mosaic-container .mosaic--big .mosaic__inner-content h5 { padding: 0 0 16px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--big .mosaic__inner-content h1, .mosaic-container .mosaic--big .mosaic__inner-content h2, .mosaic-container .mosaic--big .mosaic__inner-content h3, .mosaic-container .mosaic--big .mosaic__inner-content h4, .mosaic-container .mosaic--big .mosaic__inner-content h5 { padding: 0 0 24px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--big .mosaic__inner-content p { font-size: 24px; line-height: 36px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--big .mosaic__icons i { padding: 0 0 24px; font-size: 48px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--big .mosaic__icons i { padding: 0 0 32px; } } .mosaic-container .mosaic--wide { margin-bottom: 16px; height: 211px; } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--wide { height: 140px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--wide { height: 205px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--wide { height: 245px; } } .mosaic-container .mosaic--wide .mosaic__inner-content { top: 0; } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--wide .mosaic__inner-content { padding: 16px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--wide .mosaic__inner-content { padding: 24px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--wide .mosaic__inner-content h1, .mosaic-container .mosaic--wide .mosaic__inner-content h2, .mosaic-container .mosaic--wide .mosaic__inner-content h3, .mosaic-container .mosaic--wide .mosaic__inner-content h4, .mosaic-container .mosaic--wide .mosaic__inner-content h5 { padding: 0 0 8px; font-size: 24px; line-height: 36px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--wide .mosaic__inner-content h1, .mosaic-container .mosaic--wide .mosaic__inner-content h2, .mosaic-container .mosaic--wide .mosaic__inner-content h3, .mosaic-container .mosaic--wide .mosaic__inner-content h4, .mosaic-container .mosaic--wide .mosaic__inner-content h5 { padding: 0 0 16px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--wide .mosaic__inner-content h1, .mosaic-container .mosaic--wide .mosaic__inner-content h2, .mosaic-container .mosaic--wide .mosaic__inner-content h3, .mosaic-container .mosaic--wide .mosaic__inner-content h4, .mosaic-container .mosaic--wide .mosaic__inner-content h5 { padding: 0 0 24px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--wide .mosaic__inner-content p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--wide .mosaic__inner-content p { font-size: 24px; line-height: 36px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--wide .mosaic__icons i { padding: 0 0 8px; font-size: 40px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--wide .mosaic__icons i { padding: 0 0 24px; font-size: 48px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--wide .mosaic__icons i { padding: 0 0 32px; } } .mosaic-container .mosaic--small-1, .mosaic-container .mosaic--small-2 { margin-bottom: 16px; height: 211px; } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--small-1, .mosaic-container .mosaic--small-2 { height: 139px; margin-bottom: 0; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--small-1, .mosaic-container .mosaic--small-2 { height: 179px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--small-1, .mosaic-container .mosaic--small-2 { height: 229px; } } .mosaic-container .mosaic--small-1 .mosaic__inner-content, .mosaic-container .mosaic--small-2 .mosaic__inner-content { top: 0; } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content, .mosaic-container .mosaic--small-2 .mosaic__inner-content { padding: 8px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content, .mosaic-container .mosaic--small-2 .mosaic__inner-content { padding: 16px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content h1, .mosaic-container .mosaic--small-1 .mosaic__inner-content h2, .mosaic-container .mosaic--small-1 .mosaic__inner-content h3, .mosaic-container .mosaic--small-1 .mosaic__inner-content h4, .mosaic-container .mosaic--small-1 .mosaic__inner-content h5, .mosaic-container .mosaic--small-2 .mosaic__inner-content h1, .mosaic-container .mosaic--small-2 .mosaic__inner-content h2, .mosaic-container .mosaic--small-2 .mosaic__inner-content h3, .mosaic-container .mosaic--small-2 .mosaic__inner-content h4, .mosaic-container .mosaic--small-2 .mosaic__inner-content h5 { padding: 0 0 8px; font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content h1, .mosaic-container .mosaic--small-1 .mosaic__inner-content h2, .mosaic-container .mosaic--small-1 .mosaic__inner-content h3, .mosaic-container .mosaic--small-1 .mosaic__inner-content h4, .mosaic-container .mosaic--small-1 .mosaic__inner-content h5, .mosaic-container .mosaic--small-2 .mosaic__inner-content h1, .mosaic-container .mosaic--small-2 .mosaic__inner-content h2, .mosaic-container .mosaic--small-2 .mosaic__inner-content h3, .mosaic-container .mosaic--small-2 .mosaic__inner-content h4, .mosaic-container .mosaic--small-2 .mosaic__inner-content h5 { font-size: 24px; line-height: 36px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content h1, .mosaic-container .mosaic--small-1 .mosaic__inner-content h2, .mosaic-container .mosaic--small-1 .mosaic__inner-content h3, .mosaic-container .mosaic--small-1 .mosaic__inner-content h4, .mosaic-container .mosaic--small-1 .mosaic__inner-content h5, .mosaic-container .mosaic--small-2 .mosaic__inner-content h1, .mosaic-container .mosaic--small-2 .mosaic__inner-content h2, .mosaic-container .mosaic--small-2 .mosaic__inner-content h3, .mosaic-container .mosaic--small-2 .mosaic__inner-content h4, .mosaic-container .mosaic--small-2 .mosaic__inner-content h5 { padding: 0 0 16px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content p, .mosaic-container .mosaic--small-2 .mosaic__inner-content p { font-size: 14px; line-height: 21px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--small-1 .mosaic__inner-content p, .mosaic-container .mosaic--small-2 .mosaic__inner-content p { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 768px) { .mosaic-container .mosaic--small-1 .mosaic__icons i, .mosaic-container .mosaic--small-2 .mosaic__icons i { padding: 0 0 8px; font-size: 32px; } } @media only screen and (min-width: 992px) { .mosaic-container .mosaic--small-1 .mosaic__icons i, .mosaic-container .mosaic--small-2 .mosaic__icons i { padding: 0 0 16px; font-size: 40px; } } @media only screen and (min-width: 1200px) { .mosaic-container .mosaic--small-1 .mosaic__icons i, .mosaic-container .mosaic--small-2 .mosaic__icons i { padding: 0 0 24px; font-size: 48px; } } .mosaic-container .mosaic img { width: 100%; height: 100%; object-fit: cover; } .more-access-container { padding: 32px 0px; overflow-x: hidden; } .more-access-container .more-access-modal__container { width: 100%; height: 100%; display: flex; align-content: center; position: fixed; overflow: auto; top: 0; left: 0; z-index: 1050; /* Sit on top */ background: rgba(33, 37, 41, 0.7); } .more-access-container .more-access-modal__container.--hide { opacity: 0; width: 1px; height: 1px; z-index: -999; position: absolute; left: -999999px; top: -999999px; } .more-access-container .more-access-modal__container .more-access-modal { width: 320px; height: fit-content; min-height: 100%; position: relative; border-radius: 4px; margin: auto; padding: 16px; background-color: #FFFFFF; transition: all 0.2s; } @media only screen and (min-width: 576px) { .more-access-container .more-access-modal__container .more-access-modal { min-height: 507px; height: auto; width: 330px; } } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal { min-height: 552px; padding: 24px; } } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal { min-height: 550px; width: 460px; } } @media only screen and (min-width: 1400px) { .more-access-container .more-access-modal__container .more-access-modal { min-height: 568px; width: 540px; } } .more-access-container .more-access-modal__container .more-access-modal__header { display: flex; padding: 0 16px 16px; justify-content: space-between; border-bottom: 1px solid #D8D8D8; } @media only screen and (min-width: 1400px) { .more-access-container .more-access-modal__container .more-access-modal__header { padding: 0 0 24px; } } .more-access-container .more-access-modal__container .more-access-modal__header__title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; line-height: 24px; color: #252220; font-weight: 700; } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__header__title { font-size: 32px; } } .more-access-container .more-access-modal__container .more-access-modal__header__close-button__button { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .more-access-container .more-access-modal__container .more-access-modal__header__close-button__button__icon { font-size: 24px; line-height: 24px; } .more-access-container .more-access-modal__container .more-access-modal__error-container { width: 100%; font-size: 14px; margin: 0px 0px 0px 0px; background-color: rgba(120, 27, 142, 0.1); border: 1px solid #781B8E; border-radius: 4px; padding: 16px; margin-top: 24px; position: relative; } @media only screen and (min-width: 576px) { .more-access-container .more-access-modal__container .more-access-modal__error-container { max-width: 444px; } } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__error-container { width: 100%; max-width: 592px; padding: 24px; } } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__error-container { max-width: 764px; padding: 24px 56px; } } @media only screen and (min-width: 1400px) { .more-access-container .more-access-modal__container .more-access-modal__error-container { max-width: 1110px; padding: 24px 64px; } } .more-access-container .more-access-modal__container .more-access-modal__error-container__title { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__error-container__title { margin: initial; flex-direction: row; } } .more-access-container .more-access-modal__container .more-access-modal__error-container__title__icon { position: static; font-size: 22px; color: #781B8E; margin-bottom: 15px; } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__error-container__title__icon { position: absolute; top: 21px; left: 24px; margin-bottom: initial; } } .more-access-container .more-access-modal__container .more-access-modal__error-container__title__text { width: fit-content; font-size: 16px; font-family: "ItauText-XBold", "Myriad Pro", Arial; line-height: 24px; font-weight: 700; } .more-access-container .more-access-modal__container .more-access-modal__error-container__title__close-button { width: 18px; position: absolute; right: 24px; } .more-access-container .more-access-modal__container .more-access-modal__error-container__title__close-button__button { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .more-access-container .more-access-modal__container .more-access-modal__error-container__title__close-button__button__icon { font-size: 16px; line-height: 16px; } .more-access-container .more-access-modal__container .more-access-modal__error-container__error__text { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__error-container__error__text { margin-top: 10px; } } .more-access-container .more-access-modal__container .more-access-modal__error-container__error__text__link { color: #106EB0; text-decoration: underline; font-family: "ItauText-XBold", "Myriad Pro", Arial; line-height: 24px; cursor: pointer; font-weight: 700; } .more-access-container .more-access-modal__container .more-access-modal__error-container__error__text__complement { display: inline-block; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; line-height: 24px; font-weight: 400; } .more-access-container .more-access-modal__container .more-access-modal__form { margin-bottom: 88px; } .more-access-container .more-access-modal__container .more-access-modal__form__title { margin: 24px 0; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__form__title { font-size: 20px; } } .more-access-container .more-access-modal__container .more-access-modal__form__subtitle { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #252220; font-weight: 400; } .more-access-container .more-access-modal__container .more-access-modal__form .seccond-select { margin-top: 24px; } .more-access-container .more-access-modal__container .more-access-modal__button, .more-access-container .more-access-modal__container .more-access-modal__send-button { width: 288px; height: 48px; position: absolute; bottom: 24px; left: 16px; border: 1px solid #EC7000; border-radius: 4px; margin-top: 0px; background-color: #EC7000; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #FFFFFF; } .more-access-container .more-access-modal__container .more-access-modal__button:before, .more-access-container .more-access-modal__container .more-access-modal__send-button:before { width: 24px; height: 24px; font-size: 24px; content: '\e9a0'; font-family: 'itau-icon' !important; font-style: normal; font-weight: normal; line-height: 1; text-transform: none; -webkit-font-smoothing: antialiased; font-variant: normal; -moz-osx-font-smoothing: grayscale; } .more-access-container .more-access-modal__container .more-access-modal__button:hover, .more-access-container .more-access-modal__container .more-access-modal__send-button:hover { background-color: #D27000; cursor: pointer; } .more-access-container .more-access-modal__container .more-access-modal__button:focus, .more-access-container .more-access-modal__container .more-access-modal__send-button:focus { background-color: #D27000; cursor: pointer; } @media only screen and (min-width: 576px) { .more-access-container .more-access-modal__container .more-access-modal__button, .more-access-container .more-access-modal__container .more-access-modal__send-button { width: 298px; bottom: 16px; } } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__button, .more-access-container .more-access-modal__container .more-access-modal__send-button { width: 282px; bottom: 24px; left: 24px; } } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__button, .more-access-container .more-access-modal__container .more-access-modal__send-button { width: 412px; } } @media only screen and (min-width: 1400px) { .more-access-container .more-access-modal__container .more-access-modal__button, .more-access-container .more-access-modal__container .more-access-modal__send-button { width: 492px; } } .more-access-container .more-access-modal__container .more-access-modal__back-button { width: 288px; height: 48px; position: absolute; bottom: 16px; border: 1px solid #106EB0; border-radius: 4px; margin-top: 0px; background-color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.37; letter-spacing: normal; text-align: center; color: #106EB0; } .more-access-container .more-access-modal__container .more-access-modal__back-button:hover { background-color: #ECF4F9; cursor: pointer; } .more-access-container .more-access-modal__container .more-access-modal__back-button:focus { background-color: #ECF4F9; cursor: pointer; } @media only screen and (min-width: 576px) { .more-access-container .more-access-modal__container .more-access-modal__back-button { width: 298px; } } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__back-button { width: 282px; bottom: 24px; } } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__back-button { width: 412px; } } @media only screen and (min-width: 1400px) { .more-access-container .more-access-modal__container .more-access-modal__back-button { width: 492px; } } .more-access-container .more-access-modal__container .more-access-modal__forgot-password__link, .more-access-container .more-access-modal__container .more-access-modal__att-password__link { width: 128px; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 12px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-decoration: underline; color: #007AB7; position: absolute; left: 0; bottom: -16px; } @media only screen and (min-width: 992px) { .more-access-container .more-access-modal__container .more-access-modal__inline-fields { display: flex; flex-direction: row; justify-content: space-between; } .more-access-container .more-access-modal__container .more-access-modal__inline-fields .spec-former__form-input { display: flex; flex: 0.45; margin: 0; } .more-access-container .more-access-modal__container .more-access-modal__inline-fields .spec-former__form-input__error-message { bottom: -16px !important; } } .more-access-container .more-access-modal__container .more-access-modal__new-password { bottom: 80px !important; } @media only screen and (min-width: 576px) { .more-access-container .more-access-modal__container .more-access-modal__new-password { bottom: 64px; } } @media only screen and (min-width: 768px) { .more-access-container .more-access-modal__container .more-access-modal__new-password { bottom: 80px; } } .more-access-container .--hidden { display: none !important; } .more-access-container .--att-pass { margin-bottom: 128px !important; } .more-access-container .--iframe .more-access-modal__form__iframe { overflow: auto !important; } @media only screen and (min-width: 992px) { .more-access-container .--iframe { width: 898px !important; } .more-access-container .--iframe .more-access-modal__button { width: 850px !important; } } .more-access__duo-text-link { height: 100%; width: 100%; min-height: 108px; max-height: 303px; margin: 0 auto; display: flex; position: relative; flex-direction: column; padding: 24px 0px; border-top: 1px solid #9b9b9b; } @media only screen and (min-width: 576px) { .more-access__duo-text-link { height: 231px; max-height: 231px; padding: 25px 0px; justify-content: center; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link { height: 186px; max-height: 186px; padding: 32px 0px; flex-direction: row; justify-content: space-between; } } @media only screen and (min-width: 992px) { .more-access__duo-text-link { height: 162px; padding: 33px 0px; } } @media only screen and (min-width: 1400px) { .more-access__duo-text-link { height: 138px; padding: 33px 0px; } } .more-access__duo-text-link__header { height: 60px; position: relative; display: flex; flex-direction: row; align-items: center; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__header { height: auto; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link__header { flex: 1; } } .more-access__duo-text-link__header__title { width: 257px; max-height: 59px; height: fit-content; margin-right: 8px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__header__title { width: 511px; max-height: 30px; margin: 0px 0px 16px 0px; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link__header__title { max-width: 150px; max-height: 120px; margin: 0px; font-size: 20px; } } @media only screen and (min-width: 992px) { .more-access__duo-text-link__header__title { max-width: 210px; max-height: 90px; } } @media only screen and (min-width: 1400px) { .more-access__duo-text-link__header__title { max-width: 255px; max-height: 60px; } } .more-access__duo-text-link__header h3.more-access__duo-text-link__header__title { display: none; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__header h3.more-access__duo-text-link__header__title { display: block; } } .more-access__duo-text-link__header button.more-access__duo-text-link__header__title { display: block; background-color: transparent; border: none; text-align: left; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__header button.more-access__duo-text-link__header__title { display: none; } } .more-access__duo-text-link__header__icon::before { height: 24px; content: '\e9cc'; float: right; position: absolute; right: 0; top: calc(50% - 15px); margin-right: 8px; color: #252220; font-family: 'itau-icon', sans-serif; font-size: 24px; line-height: 30px; letter-spacing: 0; text-align: center; transition: all 0.5s; pointer-events: none; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__header__icon::before { display: none; } } .more-access__duo-text-link__content { max-height: 0px; line-height: 0; overflow: hidden; display: flex; flex-direction: column; transition: all 0.5s; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__content { height: auto; max-height: none; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link__content { flex: 3; flex-direction: row; justify-content: space-between; align-items: center; } } .more-access__duo-text-link__content__subtitle { width: 289px; max-height: 105px; height: fit-content; margin: 16px 0px 24px 0px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__content__subtitle { width: 510px; max-height: 63px; margin-top: 0px; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link__content__subtitle { flex: 1; max-width: 270px; max-height: 120px; margin: 0px; font-size: 16px; } } @media only screen and (min-width: 992px) { .more-access__duo-text-link__content__subtitle { flex: 1; max-width: 370px; max-height: 96px; } } @media only screen and (min-width: 1400px) { .more-access__duo-text-link__content__subtitle { flex: 1; max-width: 445px; max-height: 72px; } } .more-access__duo-text-link__content__button { height: 48px; width: 100%; box-sizing: border-box; border: 1px solid #EC7000; border-radius: 4px; background-color: #EC7000; padding: 8px 0; color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 26px; font-size: 19px; font-weight: 700; cursor: pointer; } .more-access__duo-text-link__content__button:hover { background-color: #D27000; } .more-access__duo-text-link__content__button:focus { background-color: #D27000; } @media only screen and (min-width: 576px) { .more-access__duo-text-link__content__button { width: 240px; } } @media only screen and (min-width: 768px) { .more-access__duo-text-link__content__button { flex: 1; max-width: 210px; } } @media only screen and (min-width: 1400px) { .more-access__duo-text-link__content__button { max-width: 255px; } } .more-access__duo-text-link.--active .more-access__duo-text-link__header__icon::before { transform: rotate(180deg); font-family: 'itau-icon', sans-serif; float: right; font-size: 24px; color: #252220; letter-spacing: 0; text-align: center; } @media only screen and (min-width: 576px) { .more-access__duo-text-link.--active .more-access__duo-text-link__header__icon::before { display: none; } } .more-access__duo-text-link.--active .more-access__duo-text-link__content { max-height: 205px; } .container-media-with-steps { padding-top: 64px; } @media only screen and (max-width: 767px) { .container-media-with-steps { padding-top: 32px; } } .container-media-with-steps .thumbnail-opacity, .container-media-with-steps .open-youtube-modal { display: none; } .container-media-with-steps .youtube-modal-open { width: 100%; display: flex; flex-direction: column; } .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { display: block; position: absolute; background: rgba(0, 0, 0, 0.41); height: 100%; left: 15px; } @media only screen and (min-width: 1200px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 94.8%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 94%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 92%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 94.5%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 91%; } } @media only screen and (max-width: 319px) { .container-media-with-steps .youtube-modal-open div.thumbnail-opacity { width: 91%; } } .container-media-with-steps .youtube-modal-open .open-youtube-modal { z-index: 1; position: absolute; display: flex; font-size: 120px; color: #FFFFFF; opacity: 0.54; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: none; } @media only screen and (max-width: 767px) { .container-media-with-steps .youtube-modal-open .open-youtube-modal { font-size: 80px; } } .container-media-with-steps .youtube-modal-open .card-transcricao { color: #FFFFFF !important; z-index: 1; position: absolute; top: 90%; left: 50%; display: flex; white-space: nowrap; transform: translate(-50%, -50%); text-decoration: underline; letter-spacing: 0; font-size: 20px; line-height: 26px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (max-width: 767px) { .container-media-with-steps .youtube-modal-open .card-transcricao { font-size: 18px; } } .container-media-with-steps .transcription-modal { padding: 0 !important; } .container-media-with-steps .transcription-modal .modal-dialog { max-width: 100%; height: 100%; margin: 0px; } .container-media-with-steps .transcription-modal .modal-dialog .modal-content { font-family: "ItauText-Regular", "Myriad Pro", Arial; height: 100%; } .container-media-with-steps .transcription-modal .modal-dialog .modal-content .modal-body { height: 100%; overflow: auto; line-height: 21px; } .container-media-with-steps .steps ol { counter-reset: section; } .container-media-with-steps .steps ol li { display: flex; align-items: center; margin-bottom: 24px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps .steps ol li { margin-bottom: 8px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps .steps ol li { margin-bottom: 16px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps .steps ol li { margin-bottom: 24px; } } .container-media-with-steps .steps ol li:last-child { margin-bottom: 48px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps .steps ol li:last-child { margin-bottom: 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps .steps ol li:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps .steps ol li:last-child { margin-bottom: 32px; } } .container-media-with-steps .steps ol li::before { counter-increment: section; content: counter(section); font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; display: inline-block; padding-top: 14px; padding-right: 1px; text-align: center; border-radius: 100%; width: 50px; height: 50px; } [data-segment='varejo'] .container-media-with-steps .steps ol li::before, [data-segment='uniclass'] .container-media-with-steps .steps ol li::before, [data-segment='private'] .container-media-with-steps .steps ol li::before, [data-segment='cartoes'] .container-media-with-steps .steps ol li::before, [data-segment='empresas'] .container-media-with-steps .steps ol li::before { border: 3px solid #EC7000; color: #EC7000; } [data-segment='personnalite'] .container-media-with-steps .steps ol li::before { border: 3px solid #D0A967; color: #D0A967; } .container-media-with-steps .steps ol li p { font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #252220; font-size: 16px; line-height: 24px; margin-left: 24px; width: 420px; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps .steps ol li p { font-size: 14px; line-height: 21px; display: flex; align-items: center; min-height: 84px; width: 214px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps .steps ol li p { width: 435px; font-size: 14px; line-height: 21px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps .steps ol li p { width: 250px; min-height: 72px; display: flex; align-items: center; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps .steps ol li p { width: 360px; margin-left: 28px; min-height: 24px; display: flex; align-items: center; } } @media only screen and (min-width: 1200px) { .container-media-with-steps .steps ol li p { width: 420px; min-height: 48px; display: flex; align-items: center; } } @media only screen and (max-width: 767px) { .container-media-with-steps .media.media-image-first { margin-bottom: 36px; } } @media only screen and (max-width: 767px) { .container-media-with-steps .media.media-image-second { margin-top: 36px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps .media { width: 289px; height: 184px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps .media { width: 510px; height: 326px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps .media { width: 330px; height: 355px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps .media { width: 450px; height: 288.7px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps .media { width: 540px; height: 345.9px; } } .container-media-with-steps img { width: 100%; } @media screen and (min-width: 320px) and (max-width: 575px) { .container-media-with-steps img { height: 184px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .container-media-with-steps img { height: 326px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .container-media-with-steps img { height: 355px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .container-media-with-steps img { height: 288.7px; } } @media only screen and (min-width: 1200px) { .container-media-with-steps img { height: 345.9px; } } @media only screen and (max-width: 319px) { .buttom { margin: 50px 0 0 15px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .buttom { margin: 50px 15px; width: 100%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .buttom { margin: 50px auto; } } @media only screen and (max-width: 319px) { .buttom .itau-button-container__a--left { width: 289px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .buttom .itau-button-container__a--left { width: 100%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .buttom .itau-button-container__a--left { margin: auto; } } @media only screen and (min-width: 320px) { #marcoCivil { height: 182px; } #marcoCivil p { line-height: 22px; font-size: 14px; width: 109%; } #btOk { width: 289px; } .vertical { padding-top: 0.75%; } .container-button { margin-left: 0.1%; padding-top: 3%; } } @media only screen and (min-width: 576px) { #marcoCivil { height: 120px; } #marcoCivil p { font-size: 14px; line-height: 21px; width: 87%; } #btOk { width: 105px; } .vertical { padding-top: 3%; } .container-button { margin-left: -8%; padding-top: 3%; } } @media only screen and (min-width: 768px) { #marcoCivil { height: 88px; } #marcoCivil p { font-size: 16px; line-height: 24px; width: 84%; } #btOk { width: 151px; } .vertical { padding-top: 1%; } .container-button { margin-left: -8%; padding-top: 2%; } } @media only screen and (min-width: 992px) { #marcoCivil { height: 64px; } #marcoCivil p { font-size: 16px; line-height: 24px; width: 99%; } #btOk { width: 128px; } .vertical { padding-top: 1%; } .container-button { margin-left: 0%; padding-top: 0%; } } @media only screen and (min-width: 1200px) { #marcoCivil { height: 64px; } #marcoCivil p { font-size: 16px; line-height: 24px; width: 92%; } #btOk { width: 128px; } } @media only screen and (min-width: 1400px) { #marcoCivil { height: 64px; } #marcoCivil p { font-size: 16px; line-height: 24px; width: 93%; } #btOk { width: 160px; } } #marcoCivil { background-color: #FFFFFF; top: 0px; position: relative; } #marcoCivil p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; color: #252220; } #btOk { background-color: #FFFFFF; border: 1px solid #106EB0; color: #106EB0; text-align: center; text-decoration: none; cursor: pointer; border-radius: 4px; height: 48px; font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; } #btOk:hover { background-color: #ECF4F9; transition: 0.5s; } #termos { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; text-decoration: underline; color: #007AB7; font-size: 16px; } #termos:hover { border-bottom-color: #666; color: darkgrey; transition: 0.5s; } .link { color: #007AB7; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; text-decoration: underline; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .main-banner .overflow-in-zoom { overflow: hidden; } .main-banner .fixed-image { background-attachment: fixed; } .main-banner .zoom-main-banner { animation: zoom-img-effect 5s forwards; transform: scale(1.1); } @keyframes zoom-img-effect { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .main-banner .banner-v2 { position: relative; width: 100%; } .main-banner .banner-v2.image-reduced { height: 389px; } .main-banner .banner-v2.image-reduced .container { display: flex; align-items: center; z-index: 10; } @media only screen and (max-width: 575px) { .main-banner .banner-v2.image-reduced .content { padding-top: 30px; } } @media only screen and (min-width: 576px) { .main-banner .banner-v2.image-reduced { height: 320px; } } @media only screen and (min-width: 768px) { .main-banner .banner-v2.image-reduced { height: 400px; } } @media only screen and (min-width: 992px) { .main-banner .banner-v2.image-reduced { height: 450px; } } .main-banner .banner-v2.image-full { height: calc(100vh - 104px); } .main-banner .banner-v2 .image { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: all .5s; } @media only screen and (max-width: 575px) { .main-banner .banner-v2 .image { align-items: flex-end; } } .main-banner .banner-v2 .image.fixed-image { background-position: center top 144px; } .main-banner .banner-v2 .gradient-is-first { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; } .main-banner .banner-v2 .black-mask .gradient-is-first { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.94); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=1 ); } @media only screen and (min-width: 1200px) { .main-banner .banner-v2 .black-mask .gradient-is-first { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); } } @media screen and (min-width: 576px) and (max-width: 1199px) { .main-banner .banner-v2 .black-mask .gradient-is-first { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); } } @media only screen and (max-width: 575px) { .main-banner .banner-v2 .black-mask .gradient-is-first { height: 100%; align-items: normal; background: rgba(0, 0, 0, 0.94); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=0 ); } } .main-banner .banner-v2 .black-mask .gradient-is-second { height: 100%; background: rgba(0, 0, 0, 0.94); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.94)', endColorstr='$color-branco',GradientType=1 ); } @media only screen and (min-width: 1200px) { .main-banner .banner-v2 .black-mask .gradient-is-second { background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 66%, rgba(0, 0, 0, 0.6) 100%); } } @media screen and (min-width: 576px) and (max-width: 1199px) { .main-banner .banner-v2 .black-mask .gradient-is-second { background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 67%, rgba(0, 0, 0, 0.6) 100%); } } @media only screen and (max-width: 575px) { .main-banner .banner-v2 .black-mask .gradient-is-second { height: 100%; display: flex; align-items: flex-end; background: rgba(0, 0, 0, 0.94); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=0 ); } } .main-banner .banner-v2 .content-text { display: flex; justify-content: flex-start; align-items: center; position: relative; width: 100%; } @media only screen and (max-width: 575px) { .main-banner .banner-v2 .content-text { align-items: flex-end; } } .main-banner .banner-v2 .container { padding-right: 15px; } .main-banner .banner-v2 .container.content-btn { z-index: auto; } .main-banner .banner-v2 .content { max-width: 378px; width: 100%; } @media only screen and (min-width: 768px) { .main-banner .banner-v2 .content { max-width: 440px; } } @media only screen and (min-width: 992px) { .main-banner .banner-v2 .content { max-width: 460px; } } @media only screen and (min-width: 1200px) { .main-banner .banner-v2 .content { max-width: 476px; } } .main-banner .banner-v2 h1 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 30px; color: #FFFFFF; line-height: 45px; width: 85%; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .main-banner .banner-v2 h1 { font-size: 40px; line-height: 60px; width: 91%; margin-bottom: 16px; } } .main-banner .banner-v2 p { margin: 0 0 16px 0; font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 22px; color: #FFFFFF; line-height: 33px; } @media only screen and (min-width: 576px) { .main-banner .banner-v2 p { width: 80%; } } @media only screen and (min-width: 768px) { .main-banner .banner-v2 p { font-size: 32px; line-height: 48px; width: 100%; margin-bottom: 32px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .main-banner .banner-v2 p { margin-bottom: 32px; } } .main-banner .banner-v2 .button { background: #EC7000; border-radius: 4px; width: 100%; height: 48px; bottom: 0; margin: 0; } @media only screen and (min-width: 768px) { .main-banner .banner-v2 .button { max-width: 330px; } } @media only screen and (min-width: 992px) { .main-banner .banner-v2 .button { max-width: 350px; } } [data-segment='personnalite'] .main-banner .banner-v2 .button { background-color: #D0A967; } .main-banner .banner-v2 a.button { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; color: #FFFFFF; letter-spacing: 0; text-align: center; text-decoration: none; padding-top: 1em; } @media only screen and (min-width: 768px) { .main-banner .banner-v2 a.button { font-size: 19px; } } [data-segment='personnalite'] .main-banner .banner-v2 a.button { color: #252220; } .main-banner .banner-v2 a.button:hover { background: #ED7E19; } [data-segment='personnalite'] .main-banner .banner-v2 a.button:hover { background: #D6B782; } .main-banner .banner-v2 .banner-black-color h1, .main-banner .banner-v2 .banner-black-color p { color: #000000; } .main-banner .itau-button-container__a { margin-top: 0; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } /** Colors */ /** Media query*/ .main-banner .banner { position: relative; width: 100%; } .main-banner .banner.image-reduced { height: 389px; } @media only screen and (min-width: 576px) { .main-banner .banner.image-reduced { height: 320px; } } @media only screen and (min-width: 768px) { .main-banner .banner.image-reduced { height: 400px; } } @media only screen and (min-width: 992px) { .main-banner .banner.image-reduced { height: 450px; } } .main-banner .banner.image-full { height: calc(100vh - 104px); } @media only screen and (min-width: 992px) { .main-banner .banner.image-full .container { bottom: 20%; } } @media only screen and (min-width: 768px) { .main-banner .banner.image-full .container { bottom: 25%; } } @media only screen and (min-width: 576px) { .main-banner .banner.image-full .container { bottom: 30%; } } @media only screen and (min-width: 1200px) { .main-banner .banner.image-full .container { bottom: 23%; } } .main-banner .banner .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; } .main-banner .banner .container { position: absolute; right: 0; bottom: 12%; left: 0; padding-right: 15px; } .main-banner .banner .container .content { max-width: 378px; } @media only screen and (min-width: 768px) { .main-banner .banner .container .content { max-width: 440px; } } @media only screen and (min-width: 992px) { .main-banner .banner .container .content { max-width: 460px; } } @media only screen and (min-width: 1200px) { .main-banner .banner .container .content { max-width: 476px; } } .main-banner .banner h1 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 30px; color: #FFFFFF; line-height: 45px; width: 85%; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .main-banner .banner h1 { font-size: 40px; line-height: 60px; width: 91%; margin-bottom: 16px; } } .main-banner .banner p { margin: 0 0 16px 0; font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 22px; color: #FFFFFF; line-height: 33px; } @media only screen and (min-width: 576px) { .main-banner .banner p { width: 80%; } } @media only screen and (min-width: 768px) { .main-banner .banner p { font-size: 32px; line-height: 48px; width: 100%; margin-bottom: 32px; } } .main-banner .banner .button { background: #EC7000; border-radius: 4px; width: 100%; height: 48px; bottom: 0; margin: 0; } @media only screen and (min-width: 768px) { .main-banner .banner .button { max-width: 330px; } } @media only screen and (min-width: 992px) { .main-banner .banner .button { max-width: 350px; } } [data-segment='personnalite'] .main-banner .banner .button { background-color: #D0A967; } .main-banner .banner a.button { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; color: #FFFFFF; letter-spacing: 0; text-align: center; text-decoration: none; padding-top: 1em; } @media only screen and (min-width: 768px) { .main-banner .banner a.button { font-size: 19px; } } [data-segment='personnalite'] .main-banner .banner a.button { color: #252220; } .main-banner .banner a.button:hover { background: #ED7E19; } [data-segment='personnalite'] .main-banner .banner a.button:hover { background: #D6B782; } .magalu-cards-header { width: 100%; z-index: 999; } .magalu-cards-header__navbar { background-color: #0f89ff; padding: 64px 0 32px; } @media only screen and (min-width: 768px) { .magalu-cards-header__navbar { padding: 36px 0 28px 39px; } } @media only screen and (min-width: 992px) { .magalu-cards-header__navbar { padding-left: 31px; } } @media only screen and (min-width: 1400px) { .magalu-cards-header__navbar { padding-left: 165px; } } .magalu-cards-header__group { display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .magalu-cards-header__group { justify-content: flex-start; } } .magalu-cards-header__logo { width: 130px; height: 39px; } @media only screen and (min-width: 768px) { .magalu-cards-header__logo { width: 132px; height: 40px; } } .magalu-cards-header__logo-img { width: 100%; object-fit: contain; } .magalu-cards-footer__content { font-family: Arial; z-index: 999; width: 100%; height: 128px; padding: 8px 16px; border: solid 1px #c8c8c8; background-color: #ededed; } @media only screen and (min-width: 576px) { .magalu-cards-footer__content { padding: 8px 24px; } } @media only screen and (min-width: 768px) { .magalu-cards-footer__content { height: 64px; padding: 20px 0px 20px 39px; } } @media only screen and (min-width: 992px) { .magalu-cards-footer__content { padding: 20px 0px 20px 31px; } } @media only screen and (min-width: 1400px) { .magalu-cards-footer__content { padding: 20px 165px; } } @media only screen and (min-width: 768px) { .magalu-cards-footer__content__bottom-fixed { position: fixed; left: 0; bottom: 0; } } .magalu-cards-footer__content__container { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .magalu-cards-footer__content__container { flex-direction: row; justify-content: flex-start; } } .magalu-cards-footer__content__container__link-container { height: 56px; padding: 16px 0px; display: flex; justify-content: center; } .magalu-cards-footer__content__container__link-container:nth-child(1) { border-bottom: solid 1px rgba(70, 70, 70, 0.2); } @media only screen and (min-width: 768px) { .magalu-cards-footer__content__container__link-container { height: 24px; padding: unset; } .magalu-cards-footer__content__container__link-container:nth-child(1) { border-bottom: unset; } .magalu-cards-footer__content__container__link-container:nth-child(2) { margin-left: 40px; } } .magalu-cards-footer__content__container__link-container__link { height: 24px; align-self: center; font-family: Arial; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; text-align: center; color: #464646; text-decoration: none; } @media only screen and (min-width: 768px) { .magalu-cards-footer__content__container__link-container__link { font-size: 16px; line-height: 1.5; } } .magalu-cards-footer__content__container__link-container__link:hover, .magalu-cards-footer__content__container__link-container__link:active { color: #464646; text-decoration: underline; text-decoration-color: #464646; -webkit-text-decoration-color: #464646; } .magalu-cards__container { font-family: Arial; background-color: #0f89ff; display: flex; flex-direction: column; justify-content: center; height: 100%; } .magalu-cards__container.--height { min-height: calc(100vh - 128px); min-height: calc(var(--vh, 1vh) * 100 - 128px); } @media only screen and (min-width: 768px) { .magalu-cards__container.--height { min-height: calc(100vh - 230px); min-height: calc(var(--vh, 1vh) * 100 - 230px); } } @media only screen and (min-width: 768px) { .magalu-cards__container { background-color: #ffffff; margin-top: 135px; margin-bottom: 95px; } } .magalu-cards__container__error-container, .magalu-cards__container__content__error-container { width: 100%; font-size: 14px; background-color: rgba(120, 27, 142, 0.1); border: 1px solid #781B8E; border-radius: 4px; padding: 16px; margin: 0 auto; position: relative; z-index: 99; } @media only screen and (min-width: 576px) { .magalu-cards__container__error-container, .magalu-cards__container__content__error-container { max-width: 444px; } } @media only screen and (min-width: 768px) { .magalu-cards__container__error-container, .magalu-cards__container__content__error-container { max-width: 690px; padding: 24px 56px; margin: 0px auto 32px; } } @media only screen and (min-width: 992px) { .magalu-cards__container__error-container, .magalu-cards__container__content__error-container { max-width: 770px; } } @media only screen and (min-width: 1400px) { .magalu-cards__container__error-container, .magalu-cards__container__content__error-container { max-width: 730px; } } .magalu-cards__container__error-container__title, .magalu-cards__container__content__error-container__title { width: 100%; display: flex; line-height: 1.5; flex-direction: column; justify-content: space-between; margin-bottom: 2px; } @media only screen and (min-width: 768px) { .magalu-cards__container__error-container__title, .magalu-cards__container__content__error-container__title { margin: initial; flex-direction: row; } } .magalu-cards__container__error-container__title__icon, .magalu-cards__container__content__error-container__title__icon { position: static; font-size: 22px; color: #781B8E; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .magalu-cards__container__error-container__title__icon, .magalu-cards__container__content__error-container__title__icon { position: absolute; font-size: 24px; top: 21px; left: 24px; margin-bottom: initial; } } .magalu-cards__container__error-container__title__text, .magalu-cards__container__content__error-container__title__text { width: fit-content; font-size: 14px; font-family: Arial; line-height: 1.5; font-weight: 700; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .magalu-cards__container__error-container__title__text, .magalu-cards__container__content__error-container__title__text { font-size: 16px; } } .magalu-cards__container__error-container__title__close-button, .magalu-cards__container__content__error-container__title__close-button { width: 18px; position: absolute; right: 24px; } .magalu-cards__container__error-container__title__close-button__button, .magalu-cards__container__content__error-container__title__close-button__button { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .magalu-cards__container__error-container__title__close-button__button__icon, .magalu-cards__container__content__error-container__title__close-button__button__icon { font-size: 16px; line-height: 16px; } .magalu-cards__container__error-container__error__text, .magalu-cards__container__content__error-container__error__text { font-size: 14px; line-height: 1.5; font-weight: 400; font-family: Arial; color: #231d19; } @media only screen and (min-width: 768px) { .magalu-cards__container__error-container__error__text, .magalu-cards__container__content__error-container__error__text { font-size: 16px; margin-top: 10px; } } .magalu-cards__container__error-container__error__text__link, .magalu-cards__container__content__error-container__error__text__link { color: #006195; text-decoration: underline; font-family: Arial; line-height: 24px; cursor: pointer; font-weight: 700; } .magalu-cards__container__error-container__error__text__complement, .magalu-cards__container__content__error-container__error__text__complement { display: inline-block; color: #231d19; font-family: Arial; min-width: 240px; line-height: 24px; font-weight: 400; } .magalu-cards__container__content { margin-top: 135px; display: flex; flex-direction: row; justify-content: center; } @media (min-width: 320px) { .magalu-cards__container__content { padding-bottom: 32px; } } @media only screen and (min-width: 768px) { .magalu-cards__container__content { margin-top: unset; padding-bottom: unset; } } .magalu-cards__container__content__banner { margin: auto 0px; display: none; } @media only screen and (min-width: 768px) { .magalu-cards__container__content__banner { display: block; width: 345px; height: 350px; padding: 151px 92px; border-radius: 4px 0px 0px 4px; background-color: #0f89ff; } } @media only screen and (min-width: 992px) { .magalu-cards__container__content__banner { width: 385px; padding: 151px 112px; } } @media only screen and (min-width: 1400px) { .magalu-cards__container__content__banner { width: 365px; height: 350px; padding: 151px 102px; } } .magalu-cards__container__content__banner__img-container { width: 161px; height: 48px; } .magalu-cards__container__content__banner__img { width: 100%; height: 100%; } .magalu-cards__container__content__login { width: 289px; min-height: 322px; margin: auto 0px; padding: 32px 24px; object-fit: contain; background-color: #ffffff; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(86, 80, 76, 0.18), 0 0 2px 0 rgba(86, 80, 76, 0.16); } @media only screen and (min-width: 576px) { .magalu-cards__container__content__login { width: 390px; min-height: 281px; } } @media only screen and (min-width: 768px) { .magalu-cards__container__content__login { width: 345px; height: 350px; padding: 43px 30px; border-radius: 0px 4px 4px 0px; } } @media only screen and (min-width: 992px) { .magalu-cards__container__content__login { width: 385px; padding: 40px 50px; } } @media only screen and (min-width: 1400px) { .magalu-cards__container__content__login { width: 365px; height: 350px; padding: 40px; } } .magalu-cards__container__content__login__title { width: 197px; height: 66px; margin: 0 0 24px; font-family: Arial; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #464646; } @media only screen and (min-width: 576px) { .magalu-cards__container__content__login__title { width: 342px; height: 33px; } } @media only screen and (min-width: 768px) { .magalu-cards__container__content__login__title { width: 215px; height: 72px; font-size: 24px; } } .magalu-cards__container__content__login__form__input { border-radius: 2px !important; } .magalu-cards__container__content__login__form__input:focus { outline-color: #0f89ff !important; } .magalu-cards__container__content__login__form__button { width: 100%; height: 48px; margin: 8px 0px 0px; padding: 7px 82px 9px 81px; border-radius: 4px; background-color: #0f89ff; border: 1px solid #0f89ff; font-family: Arial; font-size: 20px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: center; color: #ffffff; } .magalu-cards__container__content__login__form__button:hover, .magalu-cards__container__content__login__form__button:focus { background-color: #0083ca; border: 1px solid #0083ca; } .magalu-cards__container__content__login__link-container { min-width: 172px; position: relative; display: flex; justify-content: center; align-items: center; margin: 24px auto 0px; } @media only screen and (min-width: 768px) { .magalu-cards__container__content__login__link-container { min-width: 190px; margin: 24px auto 0px 0px; } } .magalu-cards__container__content__login__link-container__link { font-family: Arial; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #006195; } @media only screen and (min-width: 768px) { .magalu-cards__container__content__login__link-container__link { font-size: 16px; line-height: 1.5; } } .magalu-cards__container__content__login__link-container__icon { border: solid #006195; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; margin: 2px 0 0 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 3px; height: 3px; } .magalu-cards__container .spec-former__form-input__input { font-family: Arial; color: #706a66; border: 1px solid #706a66; } .magalu-cards__container .spec-former__form-input__input__counter-label { right: 8px !important; } .magalu-cards__container .spec-former__form-input__error-message { font-family: Arial; } .magalu-cards__container .--hidden { display: none; } .magalu-cards__container .--fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .lis-form-itau .lis-form-title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; margin: 32px 0 8px; color: #252220; line-height: 30px; } @media only screen and (min-width: 768px) { .lis-form-itau .lis-form-title { font-size: 32px; line-height: 48px; margin-top: 64px; color: #000000; } } .lis-form-itau .lis-form-subtitle { font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #252220; margin-bottom: 32px; font-size: 14px; line-height: 18px; } @media only screen and (min-width: 768px) { .lis-form-itau .lis-form-subtitle { margin-bottom: 40px; font-size: 16px; line-height: 24px; } } .lis-form-itau .lis-form-footer p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 12px; line-height: 18px; margin-bottom: 32px; width: 100%; } .lis-form-itau .itau-form .lis-form-row { flex-direction: column; } .lis-form-itau .itau-form .lis-form-row > div:first-child { margin-bottom: 0; } .lis-form-itau .itau-form .lis-form-row > div:nth-child(2), .lis-form-itau .itau-form .lis-form-row > div:nth-child(3) { margin-bottom: 16px; } @media screen and (min-width: 768px) and (max-width: 991px) { .lis-form-itau .itau-form .lis-form-row > div:nth-child(2), .lis-form-itau .itau-form .lis-form-row > div:nth-child(3) { margin-bottom: 20px; } } @media only screen and (min-width: 992px) { .lis-form-itau .itau-form .lis-form-row { flex-direction: row; justify-content: flex-end; } } .lis-form-itau .itau-form .lis-form-row .form-label { color: #706A66; line-height: 22px; margin-right: 0; } .lis-form-itau .itau-form .used-balance input, .lis-form-itau .itau-form .interest-rate input { padding-left: 40px; } .lis-form-itau .itau-form .used-balance .input-icon, .lis-form-itau .itau-form .interest-rate .input-icon { display: none; } .lis-form-itau .itau-form .used-balance.focused .input-icon, .lis-form-itau .itau-form .interest-rate.focused .input-icon { display: block; font-size: 16px; position: absolute; top: 0; left: 0; margin: 15px; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; color: #56504C; } .lis-form-itau .itau-form .first-input .bank-slip-underwrite { font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #56504C; font-size: 12px; line-height: 16px; letter-spacing: 0; visibility: visible; } .lis-form-itau .itau-form .first-input.focused .input-icon:before { content: '\e96d'; font-family: 'itau-icon',sans-serif; font-size: 16px; position: absolute; top: 0; right: 0; margin: 15px; } .lis-form-itau .itau-form .first-input.has-error .form-control { border-color: #781B8E; } .lis-form-itau .itau-form .first-input.has-error p, .lis-form-itau .itau-form .first-input.has-error label { color: #781B8E; } .lis-form-itau .itau-form .first-input.has-error .input-icon { color: #781B8E; } .lis-form-itau .itau-form .first-input.has-error .input-icon:before { content: ''; } .lis-form-itau .itau-form .interest-rate { margin-top: 0px; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .lis-form-itau .itau-form .interest-rate { margin-bottom: 32px; } } .lis-form-itau .itau-form .interest-rate .form-label { background-color: #EFE9E5; color: #969290; } .lis-form-itau .itau-form .interest-rate.focused .form-label { background-color: #FFFFFF; transform: translateY(-180%); } .lis-form-itau .itau-form .interest-rate .form-control:disabled, .lis-form-itau .itau-form .interest-rate :read-only { background-color: #EFE9E5; border-color: #EFE9E5; border-radius: 2px; } @media screen and (min-width: 768px) and (max-width: 991px) { .lis-form-itau .itau-form .input-container { margin-bottom: 20px; } } .lis-form-itau .itau-form input.form-control { border: 1px solid #89837F; } .lis-form-itau .itau-form .focused .form-label { color: #706A66; } .lis-form-itau .itau-form .focused input.form-control { border: 1px solid #56504C; } /** * Global Styles * Probably duplicated */ .image-with-text-container-v2 { padding-top: 32px; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 { padding-top: 0; } } .image-with-text-container-v2__title { padding-top: 43px; padding-bottom: 32px; } @media only screen and (min-width: 992px) { .image-with-text-container-v2__title { padding-top: 64px; padding-bottom: 64px; } } .image-with-text-container-v2__title div.title-d-container { margin: 0; } .edit-mode .image-with-text-container-v2__title { padding: 0; } .image-with-text-container-v2__title h2 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; color: #EC7000; } [data-segment='uniclass'] .image-with-text-container-v2__title h2 { color: #252220; } [data-segment='empresas'] .image-with-text-container-v2__title h2 { color: #003767; } [data-segment='personnalite'] .image-with-text-container-v2__title h2 { color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container-v2__title h2 { font-size: 32px; line-height: 48px; } } .image-with-text-container-v2__title p { font-size: 18px; line-height: 27px; color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container-v2__title p { font-size: 20px; line-height: 30px; } } .image-with-text-container-v2__title p.title-d-container__overwrite { font-size: 14px; } .image-with-text-container-v2__title p.title-d-container__subtitle { font-size: 16px; } .image-with-text-container-v2__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #252220; line-height: 20px; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text__image, .image-with-text-container-v2 .hover-app-text__image { padding-right: 0; } } .image-with-text-container-v2 .image-with-text__image img, .image-with-text-container-v2 .hover-app-text__image img { float: right; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text__image--right, .image-with-text-container-v2 .hover-app-text__image--right { padding-left: 0; } } .image-with-text-container-v2 .image-with-text__image--right img, .image-with-text-container-v2 .hover-app-text__image--right img { float: left; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image--right + .col-sm-6 .content { padding-right: 61px !important; padding-left: 0 !important; } } @media only screen and (min-width: 992px) { .image-with-text-container-v2 .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image--right + .col-sm-6 .content { padding-right: 80px !important; padding-left: 0 !important; } } @media only screen and (min-width: 1200px) { .image-with-text-container-v2 .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image--right + .col-sm-6 .content { padding-right: 96px !important; padding-left: 0 !important; } } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text__image + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image + .col-sm-6 .content { padding: 64px 0 64px 61px; } } @media only screen and (min-width: 992px) { .image-with-text-container-v2 .image-with-text__image + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image + .col-sm-6 .content { padding: 48px 0 48px 80px; } } @media only screen and (min-width: 1200px) { .image-with-text-container-v2 .image-with-text__image + .col-sm-6 .content, .image-with-text-container-v2 .hover-app-text__image + .col-sm-6 .content { padding: 38% 0 42% 18%; } } .image-with-text-container-v2 .image-with-text .container, .image-with-text-container-v2 .hover-app-text .container { padding-bottom: 33px; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text .container, .image-with-text-container-v2 .hover-app-text .container { padding-bottom: 0; } } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text .container .align-items-center, .image-with-text-container-v2 .hover-app-text .container .align-items-center { align-items: normal !important; } } .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content p, .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h2 { color: #FFFFFF; } .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h2 { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 22px; line-height: 32px; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container-v2 .image-with-text .bg-blue .container .content .inner-content h2 { font-size: 32px; } } .image-with-text-container-v2 .image-with-text .bg-white .container .content .inner-content p, .image-with-text-container-v2 .image-with-text .bg-white .container .content .inner-content h1 { color: #252220; } .image-with-text-container-v2 .container { padding-top: 0 !important; } .image-with-text-container-v2 .container img { max-width: initial !important; height: 100%; object-fit: cover; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .container .content { padding: 64px 0 64px 0; } } .image-with-text-container-v2 .container .content .inner-content { margin-bottom: 24px; } .image-with-text-container-v2 .container .content .inner-content p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; letter-spacing: 0; color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .container .content .inner-content p { font-size: 16px; line-height: 24px; } } .image-with-text-container-v2 .container .content .inner-content p:first-child { line-height: 21px; font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #252220; margin-bottom: 0; } .image-with-text-container-v2 .container .content .inner-content h2 { margin-top: 8px; margin-bottom: 16px; font-size: 18px; line-height: 33px; letter-spacing: 0; color: #252220; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; } [data-segment='cartoes'] .image-with-text-container-v2 .container .content .inner-content h2 { color: #003767; } @media only screen and (min-width: 576px) { .image-with-text-container-v2 .container .content .inner-content h2 { font-size: 18px !important; line-height: 27px !important; } } @media only screen and (min-width: 768px) { .image-with-text-container-v2 .container .content .inner-content h2 { font-size: 24px !important; line-height: 32px !important; } } @media only screen and (min-width: 992px) { .image-with-text-container-v2 .container .content .inner-content h2 { font-size: 32px !important; line-height: 48px !important; } } .image-with-text-container-v2 .hover-app-text .container-device img { object-fit: fill; } /** * Global Styles * Probably duplicated */ .image-with-text-container { padding-top: 32px; } @media only screen and (min-width: 768px) { .image-with-text-container { padding-top: 0; } } .image-with-text-container__title { padding-top: 43px; padding-bottom: 32px; } @media only screen and (min-width: 992px) { .image-with-text-container__title { padding-top: 64px; padding-bottom: 64px; } } .image-with-text-container__title h2 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; color: #EC7000; } [data-segment='uniclass'] .image-with-text-container__title h2 { color: #252220; } [data-segment='empresas'] .image-with-text-container__title h2 { color: #003767; } [data-segment='personnalite'] .image-with-text-container__title h2 { color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container__title h2 { font-size: 32px; line-height: 48px; } } .image-with-text-container__title p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container__title p { font-size: 20px; line-height: 30px; } } .image-with-text-container__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #252220; line-height: 20px; } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text__image, .image-with-text-container .hover-app-text__image { padding-right: 0; } } .image-with-text-container .image-with-text__image img, .image-with-text-container .hover-app-text__image img { float: right; } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text__image--right, .image-with-text-container .hover-app-text__image--right { padding-left: 0; } } .image-with-text-container .image-with-text__image--right img, .image-with-text-container .hover-app-text__image--right img { float: left; } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container .hover-app-text__image--right + .col-sm-6 .content { padding-right: 61px !important; padding-left: 0 !important; } } @media only screen and (min-width: 992px) { .image-with-text-container .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container .hover-app-text__image--right + .col-sm-6 .content { padding-right: 80px !important; padding-left: 0 !important; } } @media only screen and (min-width: 1200px) { .image-with-text-container .image-with-text__image--right + .col-sm-6 .content, .image-with-text-container .hover-app-text__image--right + .col-sm-6 .content { padding-right: 96px !important; padding-left: 0 !important; } } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text__image + .col-sm-6 .content, .image-with-text-container .hover-app-text__image + .col-sm-6 .content { padding: 64px 0 64px 61px; } } @media only screen and (min-width: 992px) { .image-with-text-container .image-with-text__image + .col-sm-6 .content, .image-with-text-container .hover-app-text__image + .col-sm-6 .content { padding: 48px 0 48px 80px; } } @media only screen and (min-width: 1200px) { .image-with-text-container .image-with-text__image + .col-sm-6 .content, .image-with-text-container .hover-app-text__image + .col-sm-6 .content { padding: 72px 0 72px 96px; } } .image-with-text-container .image-with-text .container, .image-with-text-container .hover-app-text .container { padding-bottom: 33px; } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text .container, .image-with-text-container .hover-app-text .container { padding-bottom: 0; } } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text .container .align-items-center, .image-with-text-container .hover-app-text .container .align-items-center { align-items: normal !important; } } .image-with-text-container .image-with-text .bg-blue .container .content .inner-content p, .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h2 { color: #FFFFFF; } .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h2 { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 22px; line-height: 32px; } @media only screen and (min-width: 768px) { .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text-container .image-with-text .bg-blue .container .content .inner-content h2 { font-size: 32px; } } .image-with-text-container .image-with-text .bg-white .container .content .inner-content p, .image-with-text-container .image-with-text .bg-white .container .content .inner-content h1 { color: #252220; } .image-with-text-container .container { padding-top: 0 !important; } .image-with-text-container .container img { max-width: initial !important; height: 100%; object-fit: cover; } @media only screen and (min-width: 768px) { .image-with-text-container .container .content { padding: 64px 0 64px 0; } } .image-with-text-container .container .content .inner-content { margin-bottom: 24px; } .image-with-text-container .container .content .inner-content p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; letter-spacing: 0; color: #252220; } @media only screen and (min-width: 768px) { .image-with-text-container .container .content .inner-content p { font-size: 16px; line-height: 24px; } } .image-with-text-container .container .content .inner-content p:first-child { line-height: 21px; font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #252220; margin-bottom: 0; } .image-with-text-container .container .content .inner-content h2 { margin-top: 8px; margin-bottom: 16px; font-size: 18px; line-height: 33px; letter-spacing: 0; color: #252220; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; } [data-segment='cartoes'] .image-with-text-container .container .content .inner-content h2 { color: #003767; } @media only screen and (min-width: 576px) { .image-with-text-container .container .content .inner-content h2 { font-size: 18px !important; line-height: 27px !important; } } @media only screen and (min-width: 768px) { .image-with-text-container .container .content .inner-content h2 { font-size: 24px !important; line-height: 32px !important; } } @media only screen and (min-width: 992px) { .image-with-text-container .container .content .inner-content h2 { font-size: 32px !important; line-height: 48px !important; } } .image-with-text-container .hover-app-text .container-device img { object-fit: fill; } @media (min-width: 992px) { .static-image-rigth-with-cards-and-icons { overflow-x: hidden; } .static-image-rigth-with-cards-and-icons .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .static-image-rigth-with-cards-and-icons .static-image-rigth { width: 100%; min-height: auto; overflow: hidden; padding-left: 0; } .static-image-rigth-with-cards-and-icons .static-image-rigth img { width: 398px; } @media only screen and (min-width: 1200px) { .static-image-rigth-with-cards-and-icons .static-image-rigth img { width: 467px; } } @media only screen and (min-width: 1400px) { .static-image-rigth-with-cards-and-icons .static-image-rigth img { width: 100%; } } @media (min-width: 576px) { .static-image-rigth-with-cards-and-icons .container-fluid { padding: 0px 33px; } } @media (min-width: 768px) { .static-image-rigth-with-cards-and-icons .container-fluid { padding: 0px 39px; } } @media (min-width: 992px) { .static-image-rigth-with-cards-and-icons .container-fluid { padding: 0px; } .static-image-rigth-with-cards-and-icons .static-image-rigth { text-align: right; } } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont h2 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; margin: 0 0 36px 0; font-size: 22px; color: #252220; line-height: 33px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 16px; color: #6E6E6E; line-height: 21px; margin-bottom: 24px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-top img { width: 290px; position: relative; top: -23px; margin: 0 auto; } @media (min-width: 576px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-top img { margin: 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 768px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-top img { width: 467px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont h2 { font-size: 32px; color: #000000; line-height: 48.73px; margin: 0; letter-spacing: 1.16px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont p { font-size: 18px; letter-spacing: 0.92px; margin-bottom: 55px; } } @media (min-width: 992px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont h2 { margin: 64px 0 32px 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont p { margin-bottom: 32px; } } @media (min-width: 1440px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont h2 { margin: 64px 0 40px 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont p { margin-bottom: 40px; } } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item { margin-bottom: 42px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last { margin-bottom: 37px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last .item-body { margin-bottom: 8px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last .item-body p { margin-bottom: 0; } .static-image-rigth-with-cards-and-icons .items-last-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media (min-width: 576px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item { margin-bottom: 57px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last { margin-bottom: 35px; } } @media (min-width: 768px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item { margin-bottom: 32px; } .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-header h3 { width: 170px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last { margin-bottom: 62px; } } @media (min-width: 992px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items { padding: 0 0px 0 15px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item { margin-bottom: 68px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last { margin-bottom: 64px; } } @media (min-width: 1440px) { .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 32px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .cards-and-icons-items .item-last { margin-bottom: 63px; } } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-header i { font-family: 'itau-icon' !important; font-size: 40px; color: #EC7000; letter-spacing: 0; line-height: 41px; } .credito_consignado_outline:before { content: '\e93a'; } .cobranca:before { content: '\e929'; } .cifrao:before { content: '\e9b2'; } .credito_consignado_outline:before { content: '\e93a'; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-header h3 { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 15px; color: #252220; line-height: 20.8px; margin: 8px 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #6E6E6E; line-height: 18px; margin-bottom: 8px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body span { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 12px; color: #6E6E6E; line-height: 18px; } @media (min-width: 768px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body span { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; color: #002721; line-height: 28px; } } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 14px; color: #0076B1; line-height: 18px; text-decoration: underline; } .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer, .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-footer { position: absolute; bottom: 0; } @media (min-width: 576px) { .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: absolute; } } @media (min-width: 768px) { .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-footer { position: relative; } .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: absolute; bottom: 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-header h3 { width: 60%; font-size: 22px; line-height: 32px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body p { width: 90%; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #605751; line-height: 28px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body span { width: 72%; display: block; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-footer a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; } } @media (min-width: 992px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .items-last-container:nth-child(1) .item:nth-child(2) .item-body p { width: 84%; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .items-last-container:nth-child(2) .item:nth-child(1) .item-body p { width: 94%; } .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-footer, .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-footer { position: relative; } .static-image-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-footer { margin-top: 84px; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-header h3 { margin: 8px 0 8px 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body span { width: 81%; } } @media (min-width: 1440px) { .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-header h3 { width: 100%; margin: 8px 0 8px 0; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .item-body p { width: 100%; } .static-image-rigth-with-cards-and-icons .cards-and-icons-left-cont .items-last-container:nth-child(1) .item:nth-child(2) .item-body p { width: 100%; } } .static-image-left-with-cards-and-icons { overflow-x: hidden; } .static-image-left-with-cards-and-icons .static-image-left { min-width: 100%; height: 100%; top: 0; bottom: 0; right: 0; position: absolute; background-image: url("https://www.itau.com.br/content/dam/itau/canais-digitais/celulares-com-telas-do-app-itau-abreconta%20copy.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-title-subtitle { padding-right: 0; } } .static-image-left-with-cards-and-icons .cards-and-icons h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; margin: 32px 0 8px 0; font-size: 22px; color: #252220; line-height: 33px; } .static-image-left-with-cards-and-icons .cards-and-icons p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 16px; color: #6E6E6E; line-height: 21px; margin-bottom: 24px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 42px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-header h3 { width: 65%; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-header h3 { width: 65%; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: absolute; bottom: 0; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-header h3 { width: 80%; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-footer { position: absolute; bottom: 0; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-header h3 { width: 85%; } @media screen and (min-width: 576px) and (max-width: 767px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item .item-header h3 { width: 100% !important; } } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 50px; } .static-image-left-with-cards-and-icons .cards-and-icons .item-header i { font-family: 'itau-icon' !important; font-size: 40px; color: #EC7000; letter-spacing: 0; line-height: 41px; } .static-image-left-with-cards-and-icons .cards-and-icons .item-header h3 { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 15px; color: #252220; line-height: 20.8px; margin: 8px 0; } .static-image-left-with-cards-and-icons .cards-and-icons .item-body p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #6E6E6E; line-height: 18px; margin-bottom: 8px; } .static-image-left-with-cards-and-icons .cards-and-icons .item-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 14px; color: #0076B1; line-height: 18px; text-decoration: underline; } .brilho_nos_olhos_outline:before { content: '\e919'; } .timeline_outline:before { content: '\ea87'; } .acoes_grafico_outline:before { content: '\e978'; } .cartao_credito:before { content: '\e921'; } @media (min-width: 576px) { .static-image-left-with-cards-and-icons .container-fluid { padding: 0px 33px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 32px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-footer { position: absolute; bottom: 0; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: relative; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .container-fluid { padding: 0px 39px; } .static-image-left-with-cards-and-icons .cards-and-icons h2 { font-size: 32px; color: #000000; letter-spacing: 1px; line-height: 41.6px; margin: 64px 0 8px 0; } .static-image-left-with-cards-and-icons .cards-and-icons p { font-size: 18px; letter-spacing: 0.92px; margin-bottom: 55px; line-height: 23px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 68px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-header h3 { width: 44%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-header h3 { width: 60%; } } @media only screen and (min-width: 768px) and (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-body p { width: 95%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-body p { width: 103%; } } @media only screen and (min-width: 768px) and (min-width: 1400px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-body p { width: 115%; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-header h3 { width: 40%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-header h3 { width: 56%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-body p { width: 100%; } } @media only screen and (min-width: 768px) and (min-width: 1400px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-body p { width: 110%; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-header h3 { width: 50%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-header h3 { width: 70%; } } @media only screen and (min-width: 768px) and (min-width: 1400px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-header h3 { width: 70%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-body p { width: 100%; } } @media only screen and (min-width: 768px) and (min-width: 1400px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(3) .item-body p { width: 100%; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-header h3 { width: 58%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-header h3 { width: 80%; } } @media only screen and (min-width: 768px) and (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-body p { width: 97%; } } @media only screen and (min-width: 768px) and (min-width: 1400px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(4) .item-body p { width: 115%; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 92px; } .static-image-left-with-cards-and-icons .cards-and-icons .item-header h3 { font-size: 22px; line-height: 32px; margin: 8px 0 16px 0; } .static-image-left-with-cards-and-icons .cards-and-icons .item-body p { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 20px; color: #605751; line-height: 28px; } } @media only screen and (min-width: 768px) and (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .item-body p { width: 90%; } } @media (min-width: 768px) { .static-image-left-with-cards-and-icons .cards-and-icons .item-footer a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; } } @media (max-width: 991px) { .static-image-left-with-cards-and-icons .container, .static-image-left-with-cards-and-icons .cards-and-icons-items { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .static-image-left-with-cards-and-icons .container { margin: 0 auto !important; padding-left: 0; margin-left: 0; } .static-image-left-with-cards-and-icons .cards-and-icons h2 { margin: 56px 0 8px 0; } .static-image-left-with-cards-and-icons .cards-and-icons p { margin-bottom: 32px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items { padding: 0; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 44px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-footer { position: relative; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: absolute; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 56px; } } @media (min-width: 1140px) { .cards-and-icons { padding-left: 95px; } } @media (min-width: 1440px) { .static-image-left-with-cards-and-icons .cards-and-icons p { width: 98%; margin-bottom: 40px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 82px; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 96px; } } @media (min-width: 1200px) { .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(1) .item-footer { position: relative; } .static-image-left-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item:nth-child(2) .item-footer { position: absolute; } } .image-icon-v2__list { margin-bottom: 32px; } @media only screen and (max-width: 767px) { .image-icon-v2__list { margin-bottom: 16px; } } .image-icon-v2 .title-d-container { padding: 0 15px; } .image-icon-v2 .with-image .title-d-container__title { max-width: 460px; } .image-icon-v2 .with-image .title-d-container__subtitle { max-width: 350px; } .image-icon-v2 .with-image .title-d-container__overwrite { padding: 0 0 8px 0; } @media only screen and (max-width: 991px) { .image-icon-v2 .with-image .title-d-container__title { max-width: 570px; } } @media only screen and (max-width: 1199px) { .image-icon-v2 .with-image .title-d-container__subtitle { max-width: 318px; } } @media only screen and (max-width: 991px) { .image-icon-v2 .with-image .title-d-container__subtitle { max-width: 350px; } } @media only screen and (max-width: 767px) { .image-icon-v2 .with-image .title-d-container__title { max-width: 510px; } .image-icon-v2 .with-image .title-d-container__subtitle { max-width: 320px; } } @media only screen and (max-width: 575px) { .image-icon-v2 .with-image .title-d-container__title { max-width: 289px; } .image-icon-v2 .with-image .title-d-container__subtitle { max-width: 289px; } } @media only screen and (min-width: 576px) { .image-icon-v2 .itau-button-container { margin-left: 15px; } } @media only screen and (min-width: 768px) { .image-icon-v2 .title-d-container { padding: 0 15px; } .image-icon-v2 .title-d-container__title { font-size: 32px; line-height: 48px; } } @media only screen and (max-width: 991px) { .image-icon-v2 .itau-button-container__a { margin-left: auto !important; margin-right: auto !important; } } .image-icon-v2 .center-button { margin: 0 auto; } .image-icon-v2__inner { padding: 0; } .image-icon-v2__inner .container { padding: 0; } .image-icon-v2__list { display: flex; flex-wrap: wrap; justify-content: center; max-width: 360px; margin-top: -15px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 576px) { .image-icon-v2__list { justify-content: left; } } @media only screen and (min-width: 768px) { .image-icon-v2__list { max-width: 100%; } } @media only screen and (min-width: 992px) { .image-icon-v2__list { flex-wrap: nowrap; } } .image-icon-v2__list li { margin: 14px 15px; width: 115px; } @media only screen and (min-width: 576px) { [data-segment='personnalite'] .image-icon-v2__list li { width: 150px; margin: 14px 12px; } } @media only screen and (min-width: 768px) { [data-segment='personnalite'] .image-icon-v2__list li { margin: 14px; } } @media only screen and (min-width: 992px) { [data-segment='personnalite'] .image-icon-v2__list li { margin: 14px 3px; } } @media only screen and (min-width: 1200px) { [data-segment='personnalite'] .image-icon-v2__list li { margin: 14px 20px; } } @media only screen and (min-width: 320px) { .image-icon-v2__list li { width: 129px; margin: 14px 0; } } @media only screen and (min-width: 576px) { .image-icon-v2__list li { width: 129px; margin: 14px 10px; } } @media only screen and (min-width: 768px) { .image-icon-v2__list li { width: 208px; } } @media only screen and (min-width: 992px) { .image-icon-v2__list li { margin: 14px -1px; width: 130px; } } @media only screen and (min-width: 1200px) { .image-icon-v2__list li { margin: 14px; width: 160px; } } .image-icon-v2__list li .image-icon-v2__icon-wrapper { display: block; width: 92px; height: 92px; position: relative; border: 2px solid; border-radius: 100%; } @media only screen and (min-width: 320px) { .image-icon-v2__list li .image-icon-v2__icon-wrapper { margin: 0 auto 8px; } } @media only screen and (min-width: 1200px) { .image-icon-v2__list li .image-icon-v2__icon-wrapper { margin: 0 auto 16px; } } .image-icon-v2__list li .image-icon-v2__icon-wrapper .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 48px; letter-spacing: 0; } [data-segment='personnalite'] .image-icon-v2__list li .image-icon-v2__icon-wrapper .icon { color: #876632; } [data-segment='uniclass'] .image-icon-v2__list li .image-icon-v2__icon-wrapper .icon { color: #4F758B; } [data-segment='cartoes'] .image-icon-v2__list li .image-icon-v2__icon-wrapper .icon { color: #EC7000; } [data-segment='empresas'] .image-icon-v2__list li .image-icon-v2__icon-wrapper .icon { color: #003767; } .image-icon-v2__list li p, .image-icon-v2__list li a:not(.icon-clickable) { display: block; font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; color: #252220; text-align: center; line-height: 21px; word-wrap: break-word; } @media only screen and (min-width: 768px) { .image-icon-v2__list li p, .image-icon-v2__list li a:not(.icon-clickable) { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 320px) { .image-icon-v2__list-four li { width: 92px; margin: 14px 26px; } } @media only screen and (min-width: 576px) { .image-icon-v2__list-four li { width: 160px; margin: 15px 10px; } } @media only screen and (min-width: 768px) { .image-icon-v2__list-four li { width: 340px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .image-icon-v2__list-four li .image-icon-description { width: 208px; margin: 0 auto; } } @media only screen and (min-width: 992px) { .image-icon-v2__list-four li { margin: 15px -1px; width: 200px; } } @media only screen and (min-width: 1200px) { .image-icon-v2__list-four li { margin: 15px; width: 256px; } } @media only screen and (min-width: 320px) { .image-icon-v2__list-four.with-image li { width: 92px; margin: 14px 26px; } } @media only screen and (min-width: 576px) { .image-icon-v2__list-four.with-image li { width: 150px; margin: 14px 15px; } } @media only screen and (min-width: 768px) { .image-icon-v2__list-four.with-image li { width: 150px; margin: 15px 13px; } } @media only screen and (min-width: 992px) { .image-icon-v2__list-four.with-image li { width: 129px; } } @media only screen and (min-width: 1200px) { .image-icon-v2__list-four.with-image li { width: 160px; } } .image-icon-v2__image img { width: 100%; height: 88%; position: absolute; bottom: 0; right: 15px; float: left; } .image-icon-v2__image img.scrollImage { bottom: 100%; transition: all .9s; transition-duration: 1.5s; opacity: 0; } .image-icon-v2__image img.animation { bottom: 0; opacity: 1; } .image-icon-v2__image.hidden { overflow: hidden; } .image-icon-v2__image.image-icon__image--fill img { right: initial; left: 45px; } .image-icon-v2__overright { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } @media only screen and (min-width: 576px) { .image-icon-v2__overright { margin-left: 19px; } } [data-segment='uniclass'] .image-icon-v2__overright { color: #252220; } .image-icon-v2__title { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; color: #252220; line-height: 33px; } [data-segment='varejo'] .image-icon-v2__title, [data-segment='cartoes'] .image-icon-v2__title { color: #EC7000; } [data-segment='empresas'] .image-icon-v2__title { color: #003767; } @media only screen and (min-width: 576px) { .image-icon-v2__title { margin-left: 19px; width: 493px; } } @media only screen and (min-width: 768px) { .image-icon-v2__title { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 992px) { .image-icon-v2__title { width: 100%; } } .image-icon-v2__description { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; color: #312D2B; line-height: 27px; } @media only screen and (min-width: 576px) { .image-icon-v2__description { margin-left: 19px; width: 404px; } } @media only screen and (min-width: 768px) { .image-icon-v2__description { font-size: 20px; line-height: 30px; } } .image-icon-v2__button { display: block; margin: 0 auto; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none !important; } [data-segment='personnalite'] .image-icon-v2__button { background-color: #D0A967; color: #252220; } [data-segment='empresas'] .image-icon-v2__button { background-color: #EC7000; color: #FFFFFF; } [data-segment='uniclass'] .image-icon-v2__button, [data-segment='private'] .image-icon-v2__button, [data-segment='cartoes'] .image-icon-v2__button { background-color: #EC7000; color: #FFFFFF; } @media only screen and (min-width: 320px) { .image-icon-v2__button { width: 289px; } } @media only screen and (min-width: 576px) { .image-icon-v2__button { width: 240px; } } @media only screen and (min-width: 768px) { .image-icon-v2__button { width: 208px; margin: 0 0 0 16px; } } @media only screen and (min-width: 992px) { .image-icon-v2__button { width: 290px; } } @media only screen and (min-width: 1200px) { .image-icon-v2__button { width: 350px; } } @media only screen and (min-width: 768px) { .image-icon-v2__button { font-size: 19px; } } [data-segment='personnalite'] .image-icon-v2__button:hover { background: #D6B782; } [data-segment='uniclass'] .image-icon-v2__button:hover, [data-segment='cartoes'] .image-icon-v2__button:hover, [data-segment='empresas'] .image-icon-v2__button:hover { background: #D27000; } [data-segment='varejo'] .image-icon-v2__button:hover { background: #D27000; } [data-segment='varejo'] .image-icon-v2 .image-icon-v2__title, [data-segment='cartoes'] .image-icon-v2 .image-icon-v2__title { color: #EC7000; } [data-segment='varejo'] .image-icon-v2 .image-icon-v2__overright, [data-segment='cartoes'] .image-icon-v2 .image-icon-v2__overright { color: #252220; } [data-segment='varejo'] .image-icon-v2 .image-icon-v2__icon-wrapper, [data-segment='cartoes'] .image-icon-v2 .image-icon-v2__icon-wrapper { border-color: #D5DADC; color: #EC7000; } [data-segment='varejo'] .image-icon-v2 .image-icon-v2__button, [data-segment='cartoes'] .image-icon-v2 .image-icon-v2__button { background-color: #EC7000 !important; color: #FFFFFF; } .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__button, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__button { background-color: #FFFFFF !important; color: #EC7000; } .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__button:hover, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__button:hover { background-color: #D9D3CF !important; } .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__overright, .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__title, .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__description, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__overright, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__title, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__description { color: #FFFFFF; } .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__icon-wrapper, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__icon-wrapper { background-color: #FFFFFF; border-color: #FFFFFF; color: #EC7000; } .image-icon-v2 .image-icon-v2 .bg-gradient-orange .image-icon-v2__list-item p, .image-icon-v2 .image-icon-v2 .bg-gradient-blue .image-icon-v2__list-item p { color: #FFFFFF; } .image-icon-v2 .image-icon-title, .image-icon-v2 .image-icon-desc { font-size: 16px; color: #252220; text-align: center; line-height: 24px; margin-bottom: 8px; } @media only screen and (max-width: 767px) { .image-icon-v2 .image-icon-title, .image-icon-v2 .image-icon-desc { font-size: 14px; } } .image-icon-v2 .image-icon-title { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; } .image-icon-v2 .image-icon-description { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; } [data-segment='varejo'] .image-icon-v2__title, [data-segment='cartoes'] .image-icon-v2__title { color: #EC7000; } [data-segment='varejo'] .image-icon-v2__overright, [data-segment='cartoes'] .image-icon-v2__overright { color: #252220; } [data-segment='varejo'] .image-icon-v2__icon-wrapper, [data-segment='cartoes'] .image-icon-v2__icon-wrapper { border-color: #D5DADC; color: #EC7000; } [data-segment='varejo'] .image-icon-v2__button, [data-segment='cartoes'] .image-icon-v2__button { background-color: #EC7000 !important; color: #FFFFFF; } .image-icon-v2 .bg-gradient-orange .image-icon-v2__button, .image-icon-v2 .bg-gradient-blue .image-icon-v2__button, .image-icon-v2 .bg-blue .image-icon-v2__button { background-color: #FFFFFF !important; color: #EC7000; } .image-icon-v2 .bg-gradient-orange .image-icon-v2__button:hover, .image-icon-v2 .bg-gradient-blue .image-icon-v2__button:hover, .image-icon-v2 .bg-blue .image-icon-v2__button:hover { background-color: #D9D3CF !important; } .image-icon-v2 .bg-gradient-orange .image-icon-v2__overright, .image-icon-v2 .bg-gradient-orange .image-icon-v2__title, .image-icon-v2 .bg-gradient-orange .image-icon-v2__description, .image-icon-v2 .bg-gradient-blue .image-icon-v2__overright, .image-icon-v2 .bg-gradient-blue .image-icon-v2__title, .image-icon-v2 .bg-gradient-blue .image-icon-v2__description, .image-icon-v2 .bg-blue .image-icon-v2__overright, .image-icon-v2 .bg-blue .image-icon-v2__title, .image-icon-v2 .bg-blue .image-icon-v2__description { color: #FFFFFF; } .image-icon-v2 .bg-gradient-orange .image-icon-v2__icon-wrapper, .image-icon-v2 .bg-gradient-blue .image-icon-v2__icon-wrapper, .image-icon-v2 .bg-blue .image-icon-v2__icon-wrapper { background-color: #FFFFFF; border-color: #FFFFFF; color: #EC7000; } .image-icon-v2 .bg-gradient-orange .image-icon-v2__list-item p, .image-icon-v2 .bg-gradient-blue .image-icon-v2__list-item p, .image-icon-v2 .bg-blue .image-icon-v2__list-item p { color: #FFFFFF; } .iframe-alert { width: 100%; } .iframe-alert__component { margin: 16px auto; } @media only screen and (min-width: 768px) { .iframe-alert__component { margin: 24px auto; } } @media only screen and (min-width: 1400px) { .iframe-alert--hide-large-devices { display: none; } } .iframe-alert__box { position: relative; display: flex; border-radius: 4px; border: 1px solid #b58221; background-color: rgba(241, 174, 47, 0.1); padding: 16px; width: 100%; display: flex; flex-direction: column; } @media only screen and (min-width: 576px) { .iframe-alert__box { padding-right: 29px; } } @media only screen and (min-width: 768px) { .iframe-alert__box { flex-direction: row; justify-content: flex-start; padding: 24px 60px 24px 24px; } } @media only screen and (min-width: 992px) { .iframe-alert__box { padding-right: 116px; } } .iframe-alert__message { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 21px; letter-spacing: normal; color: #231d19; } @media only screen and (min-width: 768px) { .iframe-alert__message { font-size: 16px; line-height: 24px; } } .iframe-alert__text { font-family: "ItauText-Regular", "Myriad Pro", Arial !important; } .iframe-alert__exclamation-icon { position: static; font-size: 24px; line-height: 24px; color: #b58221; margin-bottom: 8px; } @media only screen and (min-width: 768px) { .iframe-alert__exclamation-icon { margin-bottom: initial; margin-right: 16px; } } .iframe-alert__btn-close { cursor: pointer; position: absolute; top: 16px; right: 16px; background-color: transparent; border: none; color: #252220; text-decoration: none; display: inline-block; padding: unset; height: 16px; width: 16px; } @media only screen and (min-width: 768px) { .iframe-alert__btn-close { top: 28px; right: 24px; } } .iframe-alert__icon-close { font-size: 16px; } .iframe-alert--hidden { display: none; } .hover-app-section { padding-top: 64px; } @media only screen and (max-width: 767px) { .hover-app-section { padding-top: 32px; } } [data-segment='empresas'] .bg-blue .container .content .inner-content h2, .bg-blue .container .content .inner-content h3, .bg-grey-dark-private .container .content .inner-content h2, .bg-grey-dark-private .container .content .inner-content h3 { color: #FFFFFF; } [data-segment='empresas'] .bg-blue .container .content .inner-content p, .bg-grey-dark-private .container .content .inner-content p, .bg-grey-dark-private .container .content ul li { color: #FFFFFF; } [data-segment='empresas'] .bg-blue .container .content .inner-content p:first-child, .bg-grey-private .container .content .inner-content p:first-child { color: #FFFFFF; } .bg-blue .container .content .button { background: #FFFFFF; } .bg-blue .container .content a.button { color: #003767; } .bg-blue .container .content a.button:hover { background: #D9D3CF; } .bg-grey-personalite .container .content .inner-content p:first-child { color: #252220; } .bg-grey-personalite .container .content .inner-content p { color: #252220; } .bg-grey-personalite .container .content .inner-content h2, .bg-grey-personalite .container .content .inner-content h3 { color: #252220; } .bg-grey-personalite .container .content a.button { color: #252220; } .bg-grey-personalite .container .content .button { background: #D0A967; } .bg-gradient-darkBlue .container .content .inner-content p, .bg-gradient-darkBlue .container .content .inner-content h2, .bg-gradient-darkBlue .container .content .inner-content h3, .bg-gradient-darkBlue .container .content .inner-content h4 { color: #FFFFFF !important; } .hover-app-section { overflow-y: hidden; } .hover-app-text .module .container { padding-top: 0px !important; padding-bottom: 0px !important; } .hover-app-text .module .container-device { padding-top: 66px; } @media only screen and (max-width: 575px) { .hover-app-text .module .container-device { padding-top: 32px; padding-bottom: 346px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .container-device { padding-top: 40px; } } .hover-app-text .module .container-device .container-device-ajusted-center.mockup-desktop { width: 100%; height: 100%; position: relative; } @media only screen and (max-width: 575px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-desktop { position: static; } } .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile { width: 270px; height: 100%; position: relative; } @media only screen and (max-width: 575px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile { position: static; } } .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img { width: 100%; } .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .mockup-mobile-hover { left: auto; right: 0; } @media only screen and (max-width: 575px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .mockup-mobile-hover { right: initial; } } .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .img-logo-device { left: auto; right: 0; transform: translate(-34%, -34%); } @media only screen and (max-width: 1199px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .img-logo-device { transform: translate(-50%, -34%); } } @media only screen and (max-width: 991px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .img-logo-device { transform: translate(-88%, -34%); } } @media only screen and (max-width: 767px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .img-logo-device { transform: translate(-110%, -34%); } } @media only screen and (max-width: 575px) { .hover-app-text .module .container-device .container-device-ajusted-center.mockup-mobile.last-img .img-logo-device { transform: translate(-140%, -34%); } } .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 160px; width: 160px; z-index: 3; } .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile-hover { position: absolute; height: 393px; width: 350px; } @media only screen and (min-width: 320px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile-hover { height: 320px; width: 287px; top: 0; left: 15px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile-hover { height: 328px; width: 238px; } } @media only screen and (min-width: 768px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile-hover { height: 392px; width: 270px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } } @media only screen and (min-width: 320px) { .hover-app-text .module .container-device .container-device-ajusted-center .device-mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { height: 85px; width: 85px; margin-top: -15px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .container-device .container-device-ajusted-center .device-mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { height: 71px; width: 71px; } } @media only screen and (min-width: 768px) { .hover-app-text .module .container-device .container-device-ajusted-center .device-mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { height: 96px; width: 96px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .container-device .container-device-ajusted-center .device-mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { height: 134px; width: 135px; } } @media only screen and (min-width: 1200px) { .hover-app-text .module .container-device .container-device-ajusted-center .device-mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .img-logo-device { height: 160px; width: 160px; } } .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 314px; width: 544px; } @media only screen and (min-width: 320px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { height: 174px; width: 300px; left: 10px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { height: 140px; width: 243px; } } @media only screen and (min-width: 768px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { height: 190px; width: 330px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { height: 264px; width: 453px; } } .hover-app-text .module .container-device .container-device-ajusted-center .mockup-mobile-hover, .hover-app-text .module .container-device .container-device-ajusted-center .mockup-desktop-hover { position: absolute; display: none; } .hover-app-text .module .device-mockup-desktop { padding-left: 100px; } .hover-app-text .module .device-mockup-desktop.first-img { padding-left: 0; } @media only screen and (max-width: 575px) { .hover-app-text .module .device-mockup-desktop { padding-bottom: 160px; padding-top: 40px; padding-left: 0; } } .hover-app-text .module img { width: 100%; } .hover-app-text .module .content-device { display: flex; flex-direction: column; justify-content: space-around; } @media only screen and (min-width: 320px) { .hover-app-text .module .content-device { margin-bottom: 30px; } } .hover-app-text .module .content-device .inner-content { margin-bottom: 23px; } .hover-app-text .module .content-device .inner-content h2 { margin-top: 9px; margin-bottom: 16px; font-size: 22px; line-height: 32px; letter-spacing: 0; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; color: #252220; } .hover-app-text .module .content-device .inner-content h2:hover { color: #FFFFFF !important; } [data-segment='empresas'] .hover-app-text .module .content-device .inner-content h2 { color: #003767; } [data-segment='personnalite'] .hover-app-text .module .content-device .inner-content h2 { color: #252220; } [data-segment='uniclass'] .hover-app-text .module .content-device .inner-content h2 { color: #252220; } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device .inner-content h2 { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .content-device .inner-content h2:first-child { margin-top: 0; } } [data-segment='varejo'] .hover-app-text .module .content-device .inner-content h2 { color: #252220; } .hover-app-text .module .content-device .inner-content h3 { margin-top: 9px; margin-bottom: 16px; font-size: 18px; line-height: 32px; letter-spacing: 0; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; color: #252220; } [data-segment='empresas'] .hover-app-text .module .content-device .inner-content h3 { color: #003767; } [data-segment='personnalite'] .hover-app-text .module .content-device .inner-content h3 { color: #252220; } [data-segment='uniclass'] .hover-app-text .module .content-device .inner-content h3 { color: #252220; } [data-segment='varejo'] .hover-app-text .module .content-device .inner-content h3 { color: #252220; } @media only screen and (min-width: 576px) { .hover-app-text .module .content-device .inner-content h3 { line-height: 27px; } } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device .inner-content h3 { font-size: 20px; line-height: 40px; } } @media only screen and (min-width: 1200px) { .hover-app-text .module .content-device .inner-content h3 { line-height: 30px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .content-device .inner-content h3:first-child { margin-top: 0; } } .hover-app-text .module .content-device .inner-content p { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; letter-spacing: 0; color: #252220; } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device .inner-content p { line-height: 24px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .content-device .inner-content p { font-size: 16px; } } .hover-app-text .module .content-device .inner-content p:first-child { line-height: 21px; font-family: 'ItauText-Bold', 'Myriad Pro', Arial; font-size: 14px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device .inner-content p:first-child { line-height: 20px; } } [data-segment='empresas'] .hover-app-text .module .content-device .inner-content p:first-child { color: #003767; } [data-segment='personnalite'] .hover-app-text .module .content-device .inner-content p:first-child { color: #252220; } [data-segment='uniclass'] .hover-app-text .module .content-device .inner-content p:first-child { color: #252220; } [data-segment='varejo'] .hover-app-text .module .content-device .inner-content p:first-child { color: #252220; } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device .inner-content p { line-height: 24px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .content-device .inner-content p { font-size: 16px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .content-device .inner-content { margin-top: 40px; } } .hover-app-text .module .content-device .button { background: #EC7000; border-radius: 4px; width: 100%; bottom: 0; margin: 0; } @media screen and (min-width: 576px) and (max-width: 767px) { .hover-app-text .module .content-device .button { width: 240px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .hover-app-text .module .content-device .button { width: 210px; } } @media only screen and (min-width: 1200px) { .hover-app-text .module .content-device .button { width: 255px; } } [data-segment='varejo'] .hover-app-text .module .content-device .button { background: #EC7000; } [data-segment='personnalite'] .hover-app-text .module .content-device .button { background: #D0A967; color: #252220; } .hover-app-text .module .content-device ul { padding-left: 40px; list-style: unset; } .hover-app-text .module .content-device ul li { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; padding: 5px; } .hover-app-text .module .content-device a.button-loja { margin-right: 32px; } .hover-app-text .module .content-device a.button { display: block; height: 48px; text-align: center; letter-spacing: 0; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; color: #FFFFFF; letter-spacing: 0; text-align: center; padding-top: 1em; text-decoration: none; } .hover-app-text .module .content-device a.button:hover { background: #ED7E19; } [data-segment='personnalite'] .hover-app-text .module .content-device a.button:hover { background: #D6B782; } @media only screen and (min-width: 768px) { .hover-app-text .module .content-device a.button { font-size: 19px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .col-sm-push-6 .content { padding-left: 30px; } .hover-app-text .module .content { min-height: 290px; } } @media only screen and (min-width: 320px) { .hover-app-text .module .content { height: 100%; } .hover-app-text .module .content { padding-bottom: 16px; } } @media only screen and (min-width: 576px) { .hover-app-text .module .content { height: 280px; } .hover-app-text .module .content a.button { margin-top: 100px; } } @media only screen and (min-width: 768px) { .hover-app-text .module .content { height: 280px; } .hover-app-text .module .content a.button { margin-top: 50px; } } @media only screen and (min-width: 992px) { .hover-app-text .module .content { height: 280px; } .hover-app-text .module .content a.button { margin-top: 100px; } } @media only screen and (min-width: 1200px) { .hover-app-text .module .content { height: 280px; } .hover-app-text .module .content a.button { margin-top: 110px; } } @media only screen and (min-width: 320px) { .hover-app-text .module .content a.button { margin-bottom: 43px; } } .degrade-right:hover { background: linear-gradient(90deg, #4565AC 29%, #243166 77%); } .degrade-right:hover .content-device .inner-content h2, .degrade-right:hover p { color: #FFFFFF !important; } .degrade-right:hover .mockup-mobile-hover, .degrade-right:hover .mockup-desktop-hover { display: block !important; z-index: 2; } .degrade-left:hover { background: linear-gradient(90deg, #243166 29%, #4565AC 77%); } .degrade-left:hover .content-device .inner-content h2, .degrade-left:hover p { color: #FFFFFF !important; } .degrade-left:hover .mockup-mobile-hover, .degrade-left:hover .mockup-desktop-hover { display: block !important; z-index: 2; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .form-financing-simulator__main-title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 32px; line-height: 48px; color: #252220; text-align: center; margin-top: 64px; margin-bottom: 32px; } @media only screen and (max-width: 767px) { .form-financing-simulator__main-title { font-size: 22px; margin-top: 32px; margin-bottom: 24px; line-height: 30px; } } @media only screen and (max-width: 575px) { .form-financing-simulator__main-title { padding: 0 10px; } } .form-financing-simulator .steps { display: flex; justify-content: center; width: max-content; margin: 0 auto; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; color: #252220; } .form-financing-simulator .steps:focus { outline: 0px; } @media only screen and (max-width: 767px) { .form-financing-simulator .steps { font-size: 14px; line-height: 21px; } } .form-financing-simulator .title-d-step { display: flex; flex-direction: column; align-items: center; } .form-financing-simulator .title-d-step h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; line-height: 28px; color: #252220; text-align: center; margin-top: 8px; } @media only screen and (max-width: 767px) { .form-financing-simulator .title-d-step h2 { font-size: 18px; line-height: 25px; } } .form-financing-simulator .title-d-step .card-transcricao { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #007AB7; text-align: center; line-height: 24px; margin-top: 8px; text-decoration: underline; } @media only screen and (max-width: 767px) { .form-financing-simulator .title-d-step .card-transcricao { font-size: 14px; line-height: 18px; } } .form-financing-simulator .resume .title-d-step { align-items: flex-start; } @media only screen and (max-width: 575px) { .itau-button-container { width: 100%; } } .itau-button-container__a { cursor: pointer; text-decoration: none !important; padding: 16px 0 13px 0; line-height: 1; height: 48px; background-color: #EC7000; color: #FFFFFF; display: block; margin-top: 32px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; border-radius: 4px; text-decoration: none; } @media only screen and (min-width: 992px) { .itau-button-container__a { margin-top: 48px; } } .bg-blue:not(.keep-color-button) .itau-button-container__a, .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a, .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a, .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a, .banner-white-button .itau-button-container__a { background-color: #FFFFFF !important; color: #EC7000 !important; } [data-segment='empresas'] .bg-blue:not(.keep-color-button) .itau-button-container__a, [data-segment='empresas'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a, [data-segment='empresas'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a, [data-segment='empresas'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a, [data-segment='empresas'] .banner-white-button .itau-button-container__a { color: #003767 !important; } [data-segment='personnalite'] .bg-blue:not(.keep-color-button) .itau-button-container__a, [data-segment='personnalite'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a, [data-segment='personnalite'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a, [data-segment='personnalite'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a, [data-segment='personnalite'] .banner-white-button .itau-button-container__a { color: #0D1733 !important; } .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, .banner-white-button .itau-button-container__a:hover { background-color: #FAF7F5 !important; } [data-segment='varejo'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='uniclass'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='private'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='cartoes'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='varejo'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='uniclass'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='private'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='cartoes'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='varejo'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='uniclass'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='private'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='cartoes'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='varejo'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='uniclass'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='private'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='cartoes'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='varejo'] .banner-white-button .itau-button-container__a:hover, [data-segment='uniclass'] .banner-white-button .itau-button-container__a:hover, [data-segment='private'] .banner-white-button .itau-button-container__a:hover, [data-segment='cartoes'] .banner-white-button .itau-button-container__a:hover { color: #D27000 !important; } [data-segment='empresas'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='empresas'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='empresas'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='empresas'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='empresas'] .banner-white-button .itau-button-container__a:hover { color: #003767; } [data-segment='personnalite'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='personnalite'] .bg-gradient-blue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='personnalite'] .bg-gradient-darkBlue:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='personnalite'] .bg-gradient-orange:not(.keep-color-button) .itau-button-container__a:hover, [data-segment='personnalite'] .banner-white-button .itau-button-container__a:hover { color: #495166; } .itau-button-container__a--center, .force-center-btn .itau-button-container__a { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 320px) { .itau-button-container__a--center, .force-center-btn .itau-button-container__a { width: 289px; } } @media only screen and (min-width: 576px) { .itau-button-container__a--center, .force-center-btn .itau-button-container__a { width: 240px; } } @media only screen and (min-width: 768px) { .itau-button-container__a--center, .force-center-btn .itau-button-container__a { width: 210px; } } @media only screen and (min-width: 992px) { .itau-button-container__a--center, .force-center-btn .itau-button-container__a { width: 290px; } } @media only screen and (min-width: 1200px) { .itau-button-container__a--center, .force-center-btn .itau-button-container__a { width: 350px; } } .itau-button-container__a--left, .force-left-btn .itau-button-container__a { margin-left: initial; } @media only screen and (max-width: 575px) { .itau-button-container__a--left, .force-left-btn .itau-button-container__a { margin: auto; } } @media only screen and (min-width: 576px) { .itau-button-container__a--left, .force-left-btn .itau-button-container__a { width: 240px; } } @media only screen and (min-width: 768px) { .itau-button-container__a--left, .force-left-btn .itau-button-container__a { width: 210px; } } @media only screen and (min-width: 992px) { .itau-button-container__a--left, .force-left-btn .itau-button-container__a { width: 210px; } } @media only screen and (min-width: 1200px) { .itau-button-container__a--left, .force-left-btn .itau-button-container__a { width: 255px; } } body:not([data-segment='personnalite']) .itau-button-container__a { color: #FFFFFF; } [data-segment='personnalite'] .itau-button-container__a { background-color: #0D1733; color: #FFFFFF; border: 1px solid #AD8748; } .itau-button-container__a:hover { background-color: #D27000; color: #FFFFFF !important; } [data-segment='personnalite'] .itau-button-container__a:hover { background-color: #495166; color: #FFFFFF; } [data-segment='varejo'] .itau-button-container__a:hover, [data-segment='uniclass'] .itau-button-container__a:hover, [data-segment='private'] .itau-button-container__a:hover, [data-segment='cartoes'] .itau-button-container__a:hover, [data-segment='empresas'] .itau-button-container__a:hover { color: #FFFFFF !important; } .bg-blue:not(.keep-color-button) .itau-button-container__a:hover { color: #EC7000 !important; } [data-segment='empresas'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover { color: #003767 !important; } [data-segment='personnalite'] .bg-blue:not(.keep-color-button) .itau-button-container__a:hover { color: #0D1733 !important; } .modal-login.fade .modal-dialog, .modal-login-sens.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0, 25%) !important; transform: translate(0, 25%) !important; } .modal-login.show .modal-dialog, .modal-login-sens.show .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .modal-login .modal-dialog.modal-dialog-login, .modal-login-sens .modal-dialog.modal-dialog-login { max-width: 632px; height: 321px; } .modal-login .modal-dialog .modal-content .modal-header, .modal-login-sens .modal-dialog .modal-content .modal-header { padding: 32px 56px 32px 40px; align-items: center; } .modal-login .modal-dialog .modal-content .modal-header h2, .modal-login-sens .modal-dialog .modal-content .modal-header h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 32px; line-height: 48px; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-header h2, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-header h2 { color: #EC7000; } [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-header h2, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-header h2, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-header h2, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-header h2, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-header h2, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-header h2 { color: #252220; } [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-header h2, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-header h2 { color: #003767; } .modal-login .modal-dialog .modal-content .modal-header .close span, .modal-login-sens .modal-dialog .modal-content .modal-header .close span { font-size: 24px; line-height: 25px; color: #252220; text-align: center; } .modal-login .modal-dialog .modal-content .modal-body, .modal-login-sens .modal-dialog .modal-content .modal-body { padding: 32px 42px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access { display: flex; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row { display: flex; flex-direction: row; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse { width: 190px; margin-right: 30px; position: relative; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse label, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse label { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 20px; color: #605751; width: 100%; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button { background: none; border-bottom: 1px solid #D9D3CF; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; color: #231D19; padding: 0; width: 190px; height: 56px; text-align: left; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease-in-out; border-left: 0px solid transparent; padding-left: 0; border-right: 0; border-top: 0; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button.open, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button.open { transition: all 0.3s ease-in-out; border-left: 2px solid #EC7000; padding-left: 22px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button .icon-itaufonts_seta_down, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse button .icon-itaufonts_seta_down { color: #EC7000; font-size: 22px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .open, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .open { border-left: 2px solid #EC7000; padding-left: 22px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select { position: absolute; z-index: 2; background: #FFFFFF; list-style: none; padding: 0; width: 100%; top: 20px; opacity: 0; overflow: hidden; visibility: hidden; height: 56px; transition: all .3s ease-in-out, height .6s ease-in-out; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select .selected, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select .selected { border-left: 2px solid #EC7000; padding-left: 22px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select.show, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select.show { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.18); border-radius: 0px 0px 4px 4px; height: calc(56px *5); opacity: 1; visibility: visible; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li { cursor: pointer; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; color: #231D19; padding: 16px 24px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li:hover, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li:hover { color: #EC7000; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li.more, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li.more { border-top: 1px solid #D9D3CF; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li a, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li a { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; color: #231D19; text-decoration: none; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li a:hover, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-collapse .dropdown-select li a:hover { color: #EC7000; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login { width: 300px; display: flex; flex-direction: column; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login input, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login input { height: 56px; border: none; border-bottom: 1px solid #D9D3CF; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #252220; line-height: 24px; margin-bottom: 24px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .agenciaLabel, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .agenciaLabel { position: absolute; width: 82px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .agencia, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .agencia { width: 82px; margin-top: 20px; margin-right: 30px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .contaLabel, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .contaLabel { position: absolute; width: 190px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .conta, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .agencia-conta .conta { width: 190px; margin-top: 20px; position: absolute; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .codOp, .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .cc, .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .cpf, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .codOp, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .cc, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .cpf { width: 300px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login label, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login label { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 20px; color: #605751; width: 100%; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox { margin-top: 32px; position: relative; right: 73%; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox p, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 24px; color: #252220; padding-left: 30px; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal { position: absolute; opacity: 0; width: 55%; cursor: pointer; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:focus ~ .checkmark, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:focus ~ .checkmark { outline: 1px solid #007bff; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:checked ~ .checkmark, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:checked ~ .checkmark { background: #EC7000; border: none; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:checked ~ .checkmark:after, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .rememberDataModal:checked ~ .checkmark:after { content: ""; position: absolute; display: block; left: 7px; top: 2px; width: 8px; height: 13px; border: solid #FFFFFF; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .checkmark, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login .wrapper-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; border: 1px solid #252220; border-radius: 4px; background: #FFFFFF; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send { display: flex; justify-content: center; align-items: center; align-self: flex-end; border-radius: 4px; border: none; width: 190px; margin-top: -15%; height: 44px; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send { background: #D9D3CF; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active { cursor: pointer; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active { background: #EC7000; } [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active { background: #D0A967; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before { color: #FFFFFF; } [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active span, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active::before { color: #252220; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover { background: #D27000; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before { color: #FFFFFF; } [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover { color: #AD8748; } [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='personnalite'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover span, [data-segment='personnalite'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send.active:hover::before { color: #252220; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before { font-size: 24px; letter-spacing: 0; text-align: center; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send::before { color: #9A9693; } .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 19px; letter-spacing: 0; padding-left: 8px; } [data-segment='varejo'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='uniclass'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='private'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='cartoes'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='empresas'] .modal-login .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='varejo'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='uniclass'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='private'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='cartoes'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span, [data-segment='empresas'] .modal-login-sens .modal-dialog .modal-content .modal-body .desktop-access .row .container-login button.send span { color: #9A9693; } .modal-open { padding-right: 0 !important; overflow-y: auto; } .modal-open .modal { overflow: hidden; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .tooltip { z-index: -1 !important; } .form-open-account-pj { margin-top: 32px; margin-bottom: 32px; } .form-open-account-pj .title-d-container { margin-bottom: 0px; } .form-open-account-pj p { font-family: ItauText-Regular; font-size: 12px; color: #252220; line-height: 18px; } .form-open-account-pj button.btnDisable, .form-open-account-pj button.itau-button-container__a.btnDisable:hover { background-color: #D9D3CF; color: #969290 !important; cursor: not-allowed; } .form-open-account-pj button { border: none; background-color: #ec7000; } .form-open-account-pj button:hover { background-color: #D27000; } .form-open-account-pj .title-d-container__title { color: #252220 !important; font-family: ItauDisplay-XBold; } @media only screen and (min-width: 320px) { .form-open-account-pj .title-d-container__title { font-size: 22px; line-height: 30px; } } @media only screen and (min-width: 576px) { .form-open-account-pj .title-d-container__title { font-size: 22px; line-height: 30px; } } @media only screen and (min-width: 768px) { .form-open-account-pj .title-d-container__title { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 992px) { .form-open-account-pj .title-d-container__title { font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 1200px) { .form-open-account-pj .title-d-container__title { font-size: 32px; line-height: 48px; } } .form-open-account-pj .title-d-container__subtitle { font-family: ItauDisplay-Light; color: #312D2B; padding-bottom: 24px; } @media only screen and (min-width: 320px) { .form-open-account-pj .title-d-container__subtitle { font-size: 18px; line-height: 25px; } } @media only screen and (min-width: 576px) { .form-open-account-pj .title-d-container__subtitle { font-size: 18px; line-height: 25px; } } @media only screen and (min-width: 768px) { .form-open-account-pj .title-d-container__subtitle { font-size: 20px; line-height: 30px; } } @media only screen and (min-width: 992px) { .form-open-account-pj .title-d-container__subtitle { font-size: 20px; line-height: 30px; } } @media only screen and (min-width: 1200px) { .form-open-account-pj .title-d-container__subtitle { font-size: 20px; line-height: 30px; } } .form-open-account-pj .formulario_abrecontapj .radiobutton::after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #231D19; margin-left: -31px; margin-top: -18px; } .form-open-account-pj .formulario_abrecontapj .radiobutton { padding: 0px 15px; } .form-open-account-pj .formulario_abrecontapj .radiobutton p { margin-left: -10px; margin-top: -15px; color: #231D19; font-size: 16px; line-height: 24px; } .form-open-account-pj .formulario_abrecontapj #choice1:checked ~ #form_radio_yes::after { background-color: #EC7000; border: 0px; } .form-open-account-pj .formulario_abrecontapj #choice2:checked ~ #form_radio_no::after { background-color: #EC7000; border: 0px; } .form-open-account-pj .formulario_abrecontapj [type="radio"] { opacity: 0; } .form-open-account-pj .formulario_abrecontapj label { font-family: ItauText-Regular; font-size: 14px; color: #605751; line-height: 20px; } @media only screen and (min-width: 320px) { .form-open-account-pj .formulario_abrecontapj label { margin-top: 32px; } } @media only screen and (min-width: 576px) { .form-open-account-pj .formulario_abrecontapj label { margin-top: 32px; } } @media only screen and (min-width: 768px) { .form-open-account-pj .formulario_abrecontapj label { margin-top: 32px; } } @media only screen and (min-width: 992px) { .form-open-account-pj .formulario_abrecontapj label { margin-top: 32px; } } @media only screen and (min-width: 1200px) { .form-open-account-pj .formulario_abrecontapj label { margin-top: 32px; } } .form-open-account-pj .formulario_abrecontapj fieldset { float: left; } .form-open-account-pj .formulario_abrecontapj legend { margin: 0; font-size: 0; } .form-open-account-pj .formulario_abrecontapj .mei { display: flex; } @media only screen and (min-width: 320px) { .form-open-account-pj .formulario_abrecontapj .mei { margin-right: 16%; } } @media only screen and (min-width: 576px) { .form-open-account-pj .formulario_abrecontapj .mei { margin-right: 2%; } } @media only screen and (min-width: 768px) { .form-open-account-pj .formulario_abrecontapj .mei { margin-right: 0%; } } @media only screen and (min-width: 992px) { .form-open-account-pj .formulario_abrecontapj .mei { margin-right: 0%; } } @media only screen and (min-width: 1200px) { .form-open-account-pj .formulario_abrecontapj .mei { margin-right: 8%; } } @media only screen and (min-width: 992px) { .form-open-account-pj .formulario_abrecontapj .form_nopadding { padding-right: 0px; } } @media only screen and (min-width: 1200px) { .form-open-account-pj .formulario_abrecontapj .form_nopadding { padding-right: 15px; } } .form-open-account-pj .formulario_abrecontapj .formulario_choice { font-family: ItauText-Regular; font-size: 16px; color: #231D19; line-height: 24px; padding-right: 25px; margin-top: 0px; padding: 16px 25px 24px 0px; } .form-open-account-pj .formulario_abrecontapj .formulario_open_account_pj_input { width: 100%; font-family: ItauText-Regular; font-size: 16px; color: #747679; line-height: 24px; border: none; border-bottom: 1px solid #D9D3CF; padding: 16px 0px 16px 0px; } .form-open-account-pj .formulario_abrecontapj .formulario_abertura_radio { font-family: itaufonts_master_24px_v1; font-size: 24px; color: #231D19; letter-spacing: 0; text-align: center; } .form-open-account-pj .formulario_abrecontapj .border-invalid { border-bottom: 1px solid #D9D3CF; } .form-open-account-pj .formulario_abrecontapj .border-valid { border-bottom: 1px solid #EC7000; } .form-open-account-pj .formulario_abrecontapj .formulario_openaccount_span { font-family: ItauText-Regular; font-size: 12px; color: #605751; line-height: 18px; margin-top: 14px; display: block; } .form-open-account-pj .formulario_abrecontapj .btn-form-height { margin-top: auto; } @media only screen and (min-width: 320px) { .form-open-account-pj .formulario_abrecontapj .btn-form-openaccount-plan-submit { margin-top: 32px; width: 100%; } } @media only screen and (min-width: 576px) { .form-open-account-pj .formulario_abrecontapj .btn-form-openaccount-plan-submit { margin-top: 32px; } } @media only screen and (min-width: 768px) { .form-open-account-pj .formulario_abrecontapj .btn-form-openaccount-plan-submit { margin-top: 32px; } } @media only screen and (min-width: 992px) { .form-open-account-pj .formulario_abrecontapj .btn-form-openaccount-plan-submit { margin-top: 58px; margin-left: -13px; } } .form-open-account-pj .form__plan_success { background: #007AB7; padding: 20px 0px; margin-top: 80px; } .form-open-account-pj .form__plan_success .form_openaccount_span_success_icone { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; vertical-align: middle; } .form-open-account-pj .form__plan_success .form_openaccount_span_success_txt { font-family: ItauText-Regular; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; vertical-align: middle; } .form-open-account-pj .form_openaccount_plan_error { background: #D9D3CF; padding: 20px 0px; margin-top: 80px; } .form-open-account-pj .form_openaccount_plan_error .form_openaccount_span_error_icone { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; vertical-align: middle; } .form-open-account-pj .form_openaccount_plan_error .form_openaccount_span_error_txt { font-family: ItauText-Regular; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; vertical-align: middle; } .form-economic-plan { margin-top: 64px; margin-bottom: 64px; } .form-economic-plan .title-d-container__title { font-family: ItauDisplay-XBold; font-size: 32px; color: #000000; letter-spacing: 0; line-height: 48px; } .form-economic-plan .title-d-container__subtitle { font-family: ItauDisplay-Light; font-size: 20px; color: #312D2B; line-height: 30px; } .form-economic-plan .formulario_economico label { font-family: ItauText-Regular; font-size: 14px; color: #605751; line-height: 20px; } .form-economic-plan .formulario_economico .formulario_economico_input { width: 100%; font-family: ItauText-Regular; font-size: 16px; color: #969290; line-height: 24px; border: none; border-bottom: 1px solid #D9D3CF; padding: 16px 0px 17px 0px; } .form-economic-plan .formulario_economico .border-invalid { border-bottom: 1px solid #D9D3CF; } .form-economic-plan .formulario_economico .border-valid { border-bottom: 1px solid #EC7000; } .form-economic-plan .formulario_economico .formulario_economico_span { font-family: ItauText-Regular; font-size: 12px; color: #605751; line-height: 18px; margin-top: 14px; display: block; } .form-economic-plan .formulario_economico .btn-form-economic-plan-submit { margin-top: 46px; } .form-economic-plan .form_economic_plan_success { background: #007A47; padding: 20px 0px; margin-top: 80px; } .form-economic-plan .form_economic_plan_success .form_economic_span_success_icone { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; vertical-align: middle; } .form-economic-plan .form_economic_plan_success .form_economic_span_success_txt { font-family: ItauText-Regular; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; vertical-align: middle; } .form-economic-plan .form_economic_plan_error { background: #e70404; padding: 20px 0px; margin-top: 80px; } .form-economic-plan .form_economic_plan_error .form_economic_span_error_icone { font-size: 24px; color: #FFFFFF; letter-spacing: 0; text-align: center; vertical-align: middle; } .form-economic-plan .form_economic_plan_error .form_economic_span_error_txt { font-family: ItauText-Regular; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; vertical-align: middle; } @media only screen and (max-width: 767px) { .form-economic-plan .title-d-container__title { font-size: 32px; line-height: 48px; } .form-economic-plan .title-d-container__subtitle { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 576px) { .form-economic-plan .title-d-container__title { font-size: 22px; line-height: 33px; } .form-economic-plan .title-d-container__subtitle { font-size: 18px; line-height: 27px; } } @media only screen and (max-width: 320px) { .form-economic-plan { margin-top: 32px; margin-bottom: 32px; } } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .find-agency { overflow: hidden; position: relative; } .find-agency .tempClosed { color: #781B8E; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; } @media screen and (min-width: 576px) and (max-width: 767px) { .find-agency__intro { margin-left: 24px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .find-agency__intro { margin-left: 8px; } } .find-agency__intro .feedback-accessibility { visibility: hidden; } .find-agency__intro .title { padding: 32px 0 33px 0; } @media only screen and (min-width: 576px) { .find-agency__intro .title { padding: 26px 0 25px 0; } } @media only screen and (min-width: 768px) { .find-agency__intro .title { padding: 64px 0 24px 0; margin-left: 16px; } } @media only screen and (min-width: 992px) { .find-agency__intro .title { padding: 160px 0 24px 0; } } @media only screen and (min-width: 1200px) { .find-agency__intro .title { padding: 220px 0 24px 0; margin-left: 104px; } } .find-agency__intro .title h2 { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; font-weight: 700; } [data-segment='empresas'] .find-agency__intro .title h2 { color: #003767; } [data-segment='personnalite'] .find-agency__intro .title h2 { color: #252220; } [data-segment='varejo'] .find-agency__intro .title h2 { color: #EC7000; } [data-segment='uniclass'] .find-agency__intro .title h2 { color: #252220; } @media only screen and (min-width: 576px) { .find-agency__intro .title h2 { font-size: 32px; line-height: 48px; } } .find-agency__intro .title p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .find-agency__intro .title p { color: #312D2B; } [data-segment='personnalite'] .find-agency__intro .title p { color: #252220; } [data-segment='uniclass'] .find-agency__intro .title p { color: #312D2B; } @media only screen and (min-width: 576px) { .find-agency__intro .title p { font-size: 20px; line-height: 30px; } } .find-agency__intro .title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; line-height: 20px; color: #252220; } .find-agency__intro a.permission span { color: #106EB0; text-decoration: underline; } .find-agency__intro .permission { display: flex; flex-direction: row; align-items: center; padding-bottom: 16px; font-size: 14px; line-height: 24px; color: #252220; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; } @media only screen and (min-width: 768px) { .find-agency__intro .permission { margin-left: 16px; } } @media only screen and (min-width: 1200px) { .find-agency__intro .permission { margin-left: 104px; } } .find-agency__intro .permission span { color: #252220; text-decoration: none; } .find-agency__intro .permission i:before { color: #EC7000; font-size: 24px; line-height: 24px; padding-right: 5px; } .find-agency__intro .form { position: relative; padding-bottom: 24px; } @media only screen and (min-width: 576px) { .find-agency__intro .form { padding-bottom: 32px; } } @media only screen and (min-width: 768px) { .find-agency__intro .form { padding-bottom: 40px; margin-left: 16px; } } @media only screen and (min-width: 992px) { .find-agency__intro .form { padding-bottom: 64px; } } @media only screen and (min-width: 1200px) { .find-agency__intro .form { padding-bottom: 141px; margin-left: 104px; } } .find-agency__intro .form .search__find-agency { position: relative; padding-left: 0; padding-bottom: 24px; } @media only screen and (min-width: 576px) { .find-agency__intro .form .search__find-agency { padding-bottom: 0; } } @media only screen and (min-width: 992px) { .find-agency__intro .form .search__find-agency { padding-bottom: 48px; } } .find-agency__intro .form .search__find-agency i { position: absolute; font-size: 24px; color: #EC7000; text-align: center; line-height: 24px; top: 14px; left: 8px; } @media only screen and (min-width: 768px) { .find-agency__intro .form .search__find-agency i { left: 16px; } } .find-agency__intro .form .search__find-agency input[type=text] { padding-left: 40px; display: block; height: 48px; width: 100%; outline: none; border: none; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; border: 1px solid #89837F; } @media only screen and (min-width: 768px) { .find-agency__intro .form .search__find-agency input[type=text] { padding-left: 55px; } } .find-agency__intro .form a.button { display: block; padding-top: 0.8em; height: 48px; width: 100%; line-height: 26px; text-align: center; letter-spacing: 0; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; color: #FFFFFF; text-align: center; text-decoration: none; background-color: #EC7000; border-radius: 4px; } @media only screen and (min-width: 992px) { .find-agency__intro .form a.button { width: 50%; font-size: 19px; } } .find-agency__intro .form a.button:hover { background: #D27000; } [data-segment='personnalite'] .find-agency__intro .form a.button:hover { background: #D6B782; } .find-agency__map-wrapper { position: relative; } .find-agency__map-info { position: absolute; left: 0; bottom: 0; width: 100%; } @media only screen and (max-width: 575px) { .find-agency__map-info { position: relative; } } @media only screen and (max-width: 575px) { .find-agency__map-results { position: relative; width: 100%; } .find-agency__map-results .find-agency__info--active:last-child { position: relative; } } .find-agency__info { padding: 24px 32px; position: absolute; bottom: 0; left: 0; width: 100%; background: #FFFFFF; transform: translateY(100%); transition: all 0.5s ease-in-out; color: #252220; } @media screen and (min-width: 768px) and (max-width: 991px) { .find-agency__info { max-width: 768px; } } .find-agency__info:before { content: ''; height: 5px; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #EC7000; } .find-agency__info i { margin: 0 0 8px; display: block; font-size: 48px; color: #EC7000; } .find-agency__info span { margin: 0 0 16px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 24px; line-height: 30px; } .find-agency__info p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; } .find-agency__info p.find-agency__info-address { margin: 0 0 24px; } .find-agency__info p.find-agency__info-attendance { margin: 24px 0 0; } .find-agency__info p.find-agency__info-dispenser { margin: 24px 0 0; } .find-agency__info strong { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; } .find-agency__info a { font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial; color: #EC7000; text-decoration: none; } .find-agency__info a:hover { text-decoration: underline; } .find-agency__info--active { transform: translateY(0); } .find-agency__info--active .find-agency__toggle { opacity: 1; transform: rotate(0); } .find-agency__toggle { opacity: 0; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: -20px; left: 50%; margin-left: -33px; transform: rotate(180deg); width: 52px; height: 52px; background: #EC7000; transition: all 0.5s ease-in-out; overflow: hidden; } .find-agency__toggle i { margin: 0; font-size: 36px; color: #FFFFFF; } .find-agency__suggested-places span { padding: 16px 0 8px; } .find-agency__suggested-places span, .find-agency__suggested-places a { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; } .find-agency__suggested-places a { color: #106EB0; text-decoration: none; cursor: pointer; } .find-agency__suggested-places a:hover { text-decoration: underline; } .find-agency__map-element { height: 320px; background-image: url(../../../content/dam/itau/varejo/find-agency-map-placeholder.jpg); background-size: contain; } @media only screen and (min-width: 576px) { .find-agency__map-element { height: 580px; } } @media only screen and (min-width: 768px) { .find-agency__map-element { height: 678px; background-size: cover; } } @media only screen and (min-width: 992px) { .find-agency__map-element { background-position: bottom; } } @media only screen and (min-width: 1200px) { .find-agency__map-element { background-position: center; } } .find-agency__map-element #itau-mapa { height: 100%; width: 100%; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotating { animation: rotating 3s linear infinite; } .exchange-agency { width: 100%; margin: 20px auto; } @media only screen and (min-width: 992px) { .exchange-agency { margin: 40px auto; } } .exchange-agency__box { border-radius: 4px; border: solid 1px #D6D0CC; padding: 16px; background-color: #ffffff; } .exchange-agency__box__filters__title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; letter-spacing: 0.2px; font-weight: bold; color: #252220 !important; margin-bottom: 24px; line-height: 23px; } @media only screen and (min-width: 576px) { .exchange-agency__box__filters__title { margin-bottom: 16px; } } @media only screen and (min-width: 768px) { .exchange-agency__box__filters__title { font-size: 20px; line-height: 26px; letter-spacing: 0.2px; } } @media only screen and (min-width: 1200px) { .exchange-agency__box__filters__title { margin-top: 16px; } } @media only screen and (min-width: 576px) { .exchange-agency__box__filters { display: flex; margin-bottom: 24px; } } @media only screen and (min-width: 576px) { .exchange-agency__box__filters__type-selector { flex: 1; max-width: 50%; } } @media only screen and (min-width: 576px) { .exchange-agency__box__filters__period-selector { flex: 1; max-width: 50%; padding: 0 30px; } } .exchange-agency__box__filters__period-selector__title { margin-bottom: 16px; font-size: 14px; color: #706A66; } @media only screen and (min-width: 576px) { .exchange-agency__box__filters__period-selector__title { margin-bottom: 20px; } } .exchange-agency__select { position: relative; margin: 16px 0; width: 100%; max-width: 294px; font-size: 16px; border-bottom: 1px solid #89837F; } .exchange-agency__select__label { color: #89837F; margin: 0px 0px 2px 0px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .exchange-agency__select__input { position: relative; width: 100%; border: none; background: 0 0; padding-right: 30px; font-size: 16px; color: #56504C; line-height: 28px; text-overflow: ellipsis; -webkit-appearance: none; -moz-appearance: none; outline: none; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .exchange-agency__select__input:after { outline: none; } .exchange-agency__select__input:before { outline: none; } .exchange-agency__select__input::-ms-expand { display: none; } .exchange-agency__select__icon { position: absolute; right: 0px; top: 22px; font-size: 24px; pointer-events: none; color: #ec7000; transform: translateY(-50%); } .exchange-agency__period-select { margin-bottom: 10px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .exchange-agency__period-select__title { margin-bottom: 10px; font-size: 14px; } .exchange-agency__radio-button { display: block; position: relative; padding-left: 28px; padding-top: 2px; margin-bottom: 12px; cursor: pointer; font-size: 16px; user-select: none; } .exchange-agency__radio-button__input { position: absolute; opacity: 0; cursor: pointer; } .exchange-agency__radio-button__input:checked ~ .exchange-agency__checkbox__checkmark { background-color: #EC7000; } .exchange-agency__radio-button__checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #eee; border-radius: 50%; } .exchange-agency__checkbox { display: inline-block; position: relative; padding-left: 28px; padding-top: 2px; margin-bottom: 12px; margin-right: 20px; color: #231D19; cursor: pointer; font-size: 16px; user-select: none; } .exchange-agency__checkbox__input { position: absolute; opacity: 0; cursor: pointer; } .exchange-agency__checkbox__input:checked ~ .exchange-agency__checkbox__checkmark { background-color: #EC7000; border: 1px solid #EC7000; } .exchange-agency__checkbox__input:checked ~ .exchange-agency__checkbox__checkmark:after { content: ''; display: inline-block; position: absolute; top: -4px; left: -1px; width: 6px; height: 11px; border: solid 1.45px #fff; border-top: none; border-left: none; transform: translate(6.5px, 4.5px) rotate(45deg); } .exchange-agency__checkbox__checkmark { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #231D19; border-radius: 3px; } .exchange-agency__btn-area { flex-direction: row; align-items: flex-end; display: flex; } @media only screen and (min-width: 1200px) { .exchange-agency__btn-area { flex-direction: column; align-items: initial; } } .exchange-agency__btn-area__btn-container { display: flex; align-content: center; width: 100%; } .exchange-agency__btn-area__btn-container:first-child { margin-right: 15px; } .exchange-agency__clear-button { flex: 1; box-sizing: border-box; border: 1px solid #106EB0; border-radius: 4px; height: 48px; max-width: 294px; background-color: transparent; padding: 8px 0; max-width: 294px; color: #106EB0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; font-weight: 700; line-height: 32px; cursor: pointer; } @media only screen and (min-width: 1200px) { .exchange-agency__clear-button { margin-bottom: 8px; } } .exchange-agency__clear-button:disabled { border: 1px solid #D6D0CC; color: #D6D0CC; } .exchange-agency__clear-button:hover { background-color: #ECF7FD; } .exchange-agency__clear-button:focus { background-color: #ECF7FD; } .exchange-agency__search-button { flex: 1; box-sizing: border-box; border: 1px solid #EC7000; border-radius: 4px; height: 48px; max-width: 294px; background-color: #EC7000; padding: 8px 0; max-width: 294px; color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 32px; font-size: 19px; font-weight: 700; cursor: pointer; } @media only screen and (min-width: 1200px) { .exchange-agency__search-button { margin-bottom: 8px; } } .exchange-agency__search-button:hover { background-color: #dd6100; } .exchange-agency__search-button:focus { background-color: #dd6100; } .exchange-agency__help-button { text-align: right; align-self: flex-end; margin-top: 32px; margin-left: auto; } .exchange-agency__help-button--link { flex: 1; box-sizing: border-box; border: 1px solid #106EB0; border-radius: 4px; height: 48px; width: 129px; background-color: transparent; padding: 0; color: #106EB0; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; } @media only screen and (min-width: 1200px) { .exchange-agency__help-button--link { margin-bottom: 8px; } } @media only screen and (min-width: 768px) { .exchange-agency__btn-position { position: absolute; right: 0; bottom: 21px; min-width: 333px; margin-right: 10px; } } @media only screen and (min-width: 992px) { .exchange-agency__btn-position { min-width: 378px; } } @media only screen and (min-width: 1200px) { .exchange-agency__btn-position { position: static; margin-right: initial; min-width: initial; } } .exchange-agency .itau-button-container { flex: 1; margin-left: 8px; min-width: 121px; } .exchange-agency__text--small-bold { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media only screen and (min-width: 992px) { .exchange-agency__text--small-bold { font-size: 18px; } } .exchange-agency__text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .exchange-agency__text--bold { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 21px; letter-spacing: normal; color: #312D2B; font-family: "ItauText-Bold", "Myriad Pro", Arial; } .exchange-agency__title--light { font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #252220; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; } .exchange-agency--no-background { background-color: transparent; } .exchange-agency__flex-container { flex: 1; } .exchange-agency__recommendation-message { width: 100%; margin: 0px 0px 0px 0px; background-color: rgba(181, 130, 33, 0.1); border: 1px solid #B58221; border-radius: 4px; padding: 16px; margin-top: 24px; display: none; position: relative; } @media only screen and (min-width: 768px) { .exchange-agency__recommendation-message { width: 100%; padding: 24px 64px; } } .exchange-agency__recommendation-message__description { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; font-size: 16px; } .exchange-agency__recommendation-message__description--icon { position: static; font-size: 22px; color: #B58221; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .exchange-agency__recommendation-message__description--icon { position: absolute; top: 21px; left: 23px; margin-bottom: initial; } } .exchange-agency__recommendation-message__description--text { width: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; } .exchange-agency__recommendation-message__close-button { width: 18px; position: absolute; right: 26px; } .exchange-agency__recommendation-message__close-button--style { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .exchange-agency__recommendation-message__close-button--style--icon { font-size: 16px; line-height: 16px; } .exchange-agency__select-error-message { width: 100%; margin: 0px 0px 0px 0px; background-color: rgba(120, 27, 142, 0.1); border: 1px solid #781B8E; border-radius: 4px; padding: 16px; margin-top: 24px; display: none; position: relative; } @media only screen and (min-width: 576px) { .exchange-agency__select-error-message { max-width: 444px; } } @media only screen and (min-width: 768px) { .exchange-agency__select-error-message { width: 100%; max-width: 592px; padding: 24px 64px; } } @media only screen and (min-width: 992px) { .exchange-agency__select-error-message { max-width: 764px; } } @media only screen and (min-width: 1200px) { .exchange-agency__select-error-message { max-width: 1110px; } } .exchange-agency__select-error-message__title { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; } @media only screen and (min-width: 768px) { .exchange-agency__select-error-message__title { margin: initial; flex-direction: row; } } .exchange-agency__select-error-message__title--icon { position: static; font-size: 22px; color: #781B8E; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .exchange-agency__select-error-message__title--icon { position: absolute; top: 21px; left: 23px; margin-bottom: initial; } } .exchange-agency__select-error-message__title--text { width: 100%; font-family: 'ItauText-xBold'; line-height: 24px; } .exchange-agency__select-error-message__title__close-button { width: 18px; position: absolute; right: 26px; } .exchange-agency__select-error-message__title__close-button__style { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .exchange-agency__select-error-message__title__close-button__style--icon { font-size: 16px; line-height: 16px; } .exchange-agency__select-error-message__description__text { margin-top: 5px; line-height: 26px; } @media only screen and (min-width: 768px) { .exchange-agency__select-error-message__description__text { margin-top: 10px; } } .exchange-agency__select-error-message__description__text--link { color: #106EB0; text-decoration: underline; font-family: "ItauText-XBold", "Myriad Pro", Arial; line-height: 24px; } .exchange-agency__select-error-message__description__text--complement { display: inline-block; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; font-size: 16px; line-height: 24px; } .exchange-agency-error__container { width: 100%; padding: 32px 0px 12px; } @media only screen and (min-width: 576px) { .exchange-agency-error__container { display: flex; align-items: center; padding-top: 53px; width: 100%; } } @media only screen and (min-width: 768px) { .exchange-agency-error__container { padding: 40px 0 28px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container { padding-bottom: 24px; } } .exchange-agency-error__container#exchange-agency--error { min-height: 461px; } @media only screen and (min-width: 576px) { .exchange-agency-error__container#exchange-agency--error { min-height: 338px; flex-wrap: wrap; } } @media only screen and (min-width: 768px) { .exchange-agency-error__container#exchange-agency--error { min-height: 418px; } } .exchange-agency-error__container--hidden { display: none; } .exchange-agency-error__container .exchange-agency-error__image { width: 208px; height: 208px; margin: 0px auto 16px; overflow: hidden; } .exchange-agency-error__container .exchange-agency-error__image--no-background { background-color: transparent; } @media only screen and (min-width: 576px) { .exchange-agency-error__container .exchange-agency-error__image { width: 194px; height: 194px; margin: 32px 26px 16px 0px; float: left; } } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__image { width: 210px; height: 210px; margin: 64px 26px 16px 0px; min-width: 210px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container .exchange-agency-error__image { width: 255px; height: 255px; min-width: 255px; } } .exchange-agency-error__container .exchange-agency-error__image img { width: 100%; } .exchange-agency-error__container .exchange-agency-error__image .cmp-image { display: flex; align-items: center; justify-content: center; padding: 30px; } .exchange-agency-error__container .exchange-agency-error__image .cmp-image__image { width: 100%; } .exchange-agency-error__container#exchange-agency--welcome .exchange-agency-error__image { width: 182px; height: 182px; margin: 0px auto 24px; min-width: 182px; } @media only screen and (min-width: 576px) { .exchange-agency-error__container#exchange-agency--welcome .exchange-agency-error__image { width: 150px; height: 150px; margin: 0 30px 0 0; min-width: 150px; } } @media only screen and (min-width: 768px) { .exchange-agency-error__container#exchange-agency--welcome .exchange-agency-error__image { width: 210px; height: 210px; min-width: 210px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container#exchange-agency--welcome .exchange-agency-error__image { width: 255px; height: 255px; margin-right: 24px; min-width: 255px; } } .exchange-agency-error__container#exchange-agency--welcome .exchange-agency-error__image .cmp-image { padding: 13.5%; } .exchange-agency-error__container .exchange-agency-error__texts-container { width: 290px; display: flex; flex-direction: column; } @media only screen and (min-width: 576px) { .exchange-agency-error__container .exchange-agency-error__texts-container { width: 290px; } } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__texts-container { width: 450px; } } @media only screen and (min-width: 992px) { .exchange-agency-error__container .exchange-agency-error__texts-container { width: fit-content; } } .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__main-text--style { margin-bottom: 16px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 22px; font-stretch: normal; font-style: normal; line-height: 28px; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__main-text--style { font-size: 32px; line-height: 41px; margin-bottom: 13px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__main-text--style { line-height: 48px; } } .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__text--style { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 21px; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__text--style { font-size: 18px; line-height: 23px; } } @media only screen and (min-width: 992px) { .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__text--style { font-size: 18px; line-height: 23px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container .exchange-agency-error__texts-container .exchange-agency-error__text--style { font-size: 18px; line-height: 23px; } } .exchange-agency-error__container .exchange-agency-error__button-container { height: 48px; width: 48px; align-items: center; justify-content: center; float: right; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__button-container { width: 150px; } } @media only screen and (min-width: 992px) { .exchange-agency-error__container .exchange-agency-error__button-container { width: 130px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container .exchange-agency-error__button-container { width: 160px; } } .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button { height: 48px; width: 48px; border: solid 1px #106EB0; border-radius: 50%; padding: 1px 3px; display: block; cursor: pointer; text-decoration: none; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button { width: 150px; border-radius: 4px; padding: 12px 26px; line-height: 25px; display: flex; justify-content: space-between; } } @media only screen and (min-width: 992px) { .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } @media only screen and (min-width: 1200px) { .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button .exchange-agency-error__icon--style { height: 18px; width: 18px; color: #106EB0; display: block; margin: 14px auto; border: solid 1px #106EB0; border-radius: 50%; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button .exchange-agency-error__icon--style { height: 22px; width: 22px; margin: 0px 0px; font-size: 19px; } } .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button .exchange-agency-error__doubt-text--style { display: none; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; color: #106EB0; } @media only screen and (min-width: 768px) { .exchange-agency-error__container .exchange-agency-error__button-container .exchange-agency-error__button .exchange-agency-error__doubt-text--style { display: block; font-size: 19px; } } @media only screen and (min-width: 992px) { .exchange-agency .spec-former__form-input__error-message { min-width: 150px; } } .exchange-agency .--hidden { display: none; } .exchange-agency .--fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } .exchange-agency-search__container-result-box { display: none; } .exchange-agency-search__container-result-box .exchange-agency-search__text--small { font-size: 14px; line-height: 18px; color: #252220; text-transform: lowercase; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__text--small { font-size: 16px; line-height: 21px; letter-spacing: -0.48px; } } @media only screen and (min-width: 992px) { .exchange-agency-search__container-result-box .exchange-agency-search__header { display: flex; align-items: baseline; justify-content: space-between; } } .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination { position: relative; line-height: 24px; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination { display: flex; justify-content: flex-start; } } @media only screen and (min-width: 992px) { .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination { display: flex; align-items: center; } } .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination__paragraph { margin-bottom: 4px; font-family: "ItauText-Regular", "Myriad Pro", Arial; display: inline-block; } .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination__select { border: none; color: #106EB0; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 24px; background-color: transparent; padding-bottom: 3px; } .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination__max-pages, .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination__items-show { font-family: "ItauText-Regular", "Myriad Pro", Arial; } .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination .divisor { display: none; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__top-pagination .divisor { display: block; padding: 0 16px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination { display: flex; width: 100%; justify-content: space-around; align-items: baseline; max-width: 278px; margin: 0 auto; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; margin-bottom: 64px; line-height: 24px; background-color: transparent; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination { justify-content: center; max-width: initial; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination p { padding: initial; } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination a { color: #106EB0; text-decoration: none; text-align: center; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; position: relative; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination a { padding: 0 16px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination select { border: none; color: #106EB0; background-color: transparent; font-family: "ItauText-Bold", "Myriad Pro", Arial; line-height: 24px; text-align: center; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination select { line-height: 32px; } } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination select { line-height: 24px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination .divisor { display: none; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination .divisor { display: block; padding: 0 8px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__previous { font-size: 16px; color: #106EB0; line-height: 24px; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__previous:before { content: "\e9cd"; font-family: "itau-icon"; position: absolute; left: -8px; transform: rotate(180deg); top: 2px; font-size: 22px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__first { color: #106EB0; line-height: 24px; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; display: none; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__first { display: block; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__last { color: #106EB0; line-height: 24px; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; display: none; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__last { display: block; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__next { font-size: 16px; color: #106EB0; line-height: 24px; font-weight: 700; cursor: pointer; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__next:after { content: "\e9cd"; font-family: "itau-icon"; position: absolute; top: 1px; right: -8px; font-size: 22px; } } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination .button--disabled { pointer-events: none; color: #D6D0CC; } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination .display--none { display: none; } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__paragraph { margin-bottom: 4px; font-family: "ItauText-Bold", "Myriad Pro", Arial; } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination__page-select { border: none; color: #106EB0; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-weight: 700; } .exchange-agency-search__container-result-box .exchange-agency-search__bottom-pagination #exchange-agency-search__bottom-pagination__total-pages { font-family: "ItauText-Regular", "Myriad Pro", Arial; margin: 0 8px; } .exchange-agency-search__container-result-box .exchange-agency-search__text--bold { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 700; line-height: 21px; color: #252220; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .exchange-agency-search__text--bold { font-size: 18px; line-height: 23px; } } .exchange-agency-search__container-result-box .p-results-intro { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; margin-top: 32px; line-height: 28px; margin-bottom: 10px; color: #252220; font-weight: 700; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box .p-results-intro { font-size: 32px; line-height: 41px; } } .exchange-agency-search__container-result-box .p-no-results { font-family: ItauText-Regular; font-size: 20px; margin-top: 10px; margin-bottom: 64px; } .exchange-agency-search__container-result-box__results__container { background-color: #FFFFFF; border: 1px solid #D6D0CC; box-shadow: 0 2px 8px 0 rgba(86, 80, 76, 0.16), 0 0 5px 0 rgba(86, 80, 76, 0.16); border-radius: 4px; margin: 16px 0; } .exchange-agency-search__container-result-box__results__container__title { padding: 16px 24px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 23px; letter-spacing: normal; color: #252220 !important; text-transform: lowercase; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__results__container__title { font-size: 20px; line-height: 26px; letter-spacing: 0.2px; } } .exchange-agency-search__container-result-box__result { border: solid 1px #D6D0CC; background-color: #FAF7F5; } .exchange-agency-search__container-result-box__result:nth-of-type(even) { background-color: #FFFFFF; } .exchange-agency-search__container-result-box__result__data { display: flex; flex-direction: column; padding: 16px; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__data { flex-direction: row; justify-content: space-around; align-items: baseline; } } .exchange-agency-search__container-result-box__result__data__info { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__data__info { flex: 1; order: 2; } } @media only screen and (min-width: 992px) { .exchange-agency-search__container-result-box__result__data__info { order: 1; } } .exchange-agency-search__container-result-box__result__data__numbers { display: flex; flex-direction: row; justify-content: flex-start; margin: 12px 0 0; } .exchange-agency-search__container-result-box__result__data__numbers div { width: 100%; min-width: 130px; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__data__numbers { flex: 1; order: 3; } } @media only screen and (min-width: 992px) { .exchange-agency-search__container-result-box__result__data__numbers { flex: 1; order: 2; justify-content: center; padding-left: 120px; } } .exchange-agency-search__container-result-box__result__data__numbers__container { display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box__result__data__numbers__container { justify-content: left; } .exchange-agency-search__container-result-box__result__data__numbers__container .pic-numbers__text--small { margin-right: 30px; } } .exchange-agency-search__container-result-box__result__help-text__accordeon { width: 100%; font-size: 14px; line-height: 18px; position: relative; padding: 16px 16px 16px 45px; text-align: left; font-family: "ItauText-Bold", "Myriad Pro", Arial; color: #252220; border: none; border-top: solid 1px #D6D0CC; background-color: transparent; } .exchange-agency-search__container-result-box__result__help-text__accordeon[aria-expanded=true] .exchange-agency-search__container-result-box__result__help-text__accordeon__arrow { transform: rotate(180deg); } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__help-text__accordeon { font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: -0.48px; } .exchange-agency-search__container-result-box__result__help-text__accordeon:hover { text-decoration: underline; } .exchange-agency-search__container-result-box__result__help-text__accordeon:focus { text-decoration: underline; } } .exchange-agency-search__container-result-box__result__help-text__accordeon .pic-numbers__text--small-bold:first-child:hover { text-decoration: underline; } .exchange-agency-search__container-result-box__result__help-text__accordeon__agencia { position: absolute; left: 16px; font-size: 26px; top: 10px; color: #EC7000; } .exchange-agency-search__container-result-box__result__help-text__accordeon__arrow { position: absolute; right: 16px; top: 15px; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #231D19; pointer-events: none; transition: all .5s; } .exchange-agency-search__container-result-box__result__help-text__info { display: none; border-top: solid 1px #D6D0CC; padding: 16px 0; font-size: 14px; } @media only screen and (min-width: 576px) { .exchange-agency-search__container-result-box__result__help-text__info { padding: 0; } } .exchange-agency-search__container-result-box__result__help-text__info--flex { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__help-text__info--flex { flex-direction: row; } } .exchange-agency-search__container-result-box__result__help-text__info__map-container { width: 100%; } .exchange-agency-search__container-result-box__result__help-text__info__map-container__map { width: 100%; height: 186px; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__help-text__info__map-container__map { height: 100%; min-width: 389px; } } @media only screen and (min-width: 992px) { .exchange-agency-search__container-result-box__result__help-text__info__map-container__map { height: 384px; min-width: 529px; } } @media only screen and (min-width: 1200px) { .exchange-agency-search__container-result-box__result__help-text__info__map-container__map { min-width: 634px; } } .exchange-agency-search__container-result-box__result__help-text__info__info-container { width: 100%; padding: 16px 24px; color: #252220; } .exchange-agency-search__container-result-box__result__help-text__info__info-container__title { font-size: 18px; margin: 12px 0; font-weight: 600; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__help-text__info__info-container__title { font-size: 20px; line-height: 32px; } } .exchange-agency-search__container-result-box__result__help-text__info__info-container__paragraph { margin-bottom: 8px; font-size: 14px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .exchange-agency-search__container-result-box__result__help-text__info__info-container__paragraph { margin-bottom: 12px; font-size: 16px; } } .exchange-agency-search__container-result-box__result__help-text__info--show { display: block; } .exchange-agency-search__container-result-box--hidden { display: none; } .pagination-exchange-agency { display: flex; text-align: center; width: 100%; justify-content: space-between; max-width: 273px; margin: 0 auto; /* Safari */ } @media only screen and (min-width: 576px) { .pagination-exchange-agency { justify-content: center; max-width: initial; margin: initial; } } .pagination-exchange-agency p { padding: initial; } @media only screen and (min-width: 576px) { .pagination-exchange-agency p { padding: 8px 0; } } .pagination-exchange-agency a { color: #106EB0; padding: initial; text-decoration: none; text-align: center; display: inline-block; font-family: ItauDisplay-Bold; font-size: 16px; margin-bottom: 64px; position: relative; } @media only screen and (min-width: 576px) { .pagination-exchange-agency a { padding: 8px 8px; } } .pagination-exchange-agency a#btn_prev, .pagination-exchange-agency a#btn_next, .pagination-exchange-agency a#btn_first, .pagination-exchange-agency a#btn_last { color: #106EB0; } .pagination-exchange-agency a#btn_prev.disable, .pagination-exchange-agency a#btn_next.disable, .pagination-exchange-agency a#btn_first.disable, .pagination-exchange-agency a#btn_last.disable { color: #D6D0CC; cursor: pointer; } @media only screen and (min-width: 576px) { .pagination-exchange-agency a { padding: 8px 16px; } .pagination-exchange-agency a#btn_prev:before { content: "\e9cd"; font-family: "itau-icon"; position: absolute; left: -8px; transform: rotate(180deg); top: 6px; font-size: 22px; } .pagination-exchange-agency a#btn_next:after { content: "\e9cd"; font-family: "itau-icon"; position: absolute; top: 4px; font-size: 22px; } } .pagination-exchange-agency a#btn_first, .pagination-exchange-agency a#btn_last, .pagination-exchange-agency a.divisor { display: none; } @media only screen and (min-width: 768px) { .pagination-exchange-agency a#btn_first, .pagination-exchange-agency a#btn_last, .pagination-exchange-agency a.divisor { display: block; } } .pagination-exchange-agency a span { color: #231D19; font-family: ItauDisplay-Regular; } .pagination-exchange-agency select { border: none; height: 15px; color: #106EB0; font-family: ItauDisplay-Bold; } @media only screen and (min-width: 576px) { .pagination-exchange-agency select { height: 32px; } } .pagination-exchange-agency__iconLoader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3f3a36; width: 64px; height: 64px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; margin: 30% auto; } @media only screen and (min-width: 992px) { .pagination-exchange-agency__iconLoader { margin: 10% auto; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pagination-exchange-agency .map { height: 454px; /* The height is 400 pixels */ width: 634px; /* The width is the width of the web page */ } .button-container .itau-button { display: block; margin-top: 32px; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } .button-container .itau-button.center { margin: 32px; } [data-segment='empresas'] .button-container .itau-button, [data-segment='varejo'] .button-container .itau-button, [data-segment='uniclass'] .button-container .itau-button, [data-segment='cartoes'] .button-container .itau-button, [data-segment='private'] .button-container .itau-button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .button-container .itau-button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .button-container .itau-button { width: 100%; } } @media only screen and (min-width: 576px) { .button-container .itau-button { width: 240px; } } @media only screen and (min-width: 768px) { .button-container .itau-button { width: 290px; } } @media only screen and (min-width: 1200px) { .button-container .itau-button { width: 350px; } } @media only screen and (min-width: 768px) { .button-container .itau-button { font-size: 19px; } } .button-container .itau-button:hover { background: #D27000; } [data-segment='personnalite'] .button-container .itau-button:hover { color: #252220; background-color: #AD8748; } .content-box { width: 1400px; } @media only screen and (min-width: 320px) { .content-box { width: 304px; } } @media only screen and (min-width: 768px) { .content-box { width: 740px; } } @media only screen and (min-width: 992px) { .content-box { width: 992px; } } @media only screen and (min-width: 1200px) { .content-box { width: 1200px; } } .box { width: 540px; float: left; margin-right: 30px; margin-top: 0px; } @media only screen and (min-width: 320px) { .box { border: 1px solid #cbcbcb; width: 289px; height: 278px; margin-top: 16px; margin-left: 16px; padding: 24px 16px; } } @media only screen and (min-width: 576px) { .box { border: 1px solid #cbcbcb; width: 510px; height: 235px; margin-top: 16px; margin-right: 0px; padding: 35px 25px; } } @media only screen and (min-width: 768px) { .box { border: 1px solid #9b9b9b; width: 330px; height: 400px; padding: 32px 24px; margin-right: 16px; } } @media only screen and (min-width: 992px) { .box { margin-right: 16px; padding: 32px; width: 450px; height: 332px; } } @media only screen and (min-width: 1200px) { .box { width: 540px; height: 400px; padding: 64px 95px; margin-right: 16px; } } @media only screen and (min-width: 320px) { .box .itau-button-container__a--center, .box .itau-button-container__a--left { width: 257px; } } .title-box { margin-bottom: 16px; font-size: 32px; line-height: 48px; font-family: 'ItauDisplay-XBold'; height: 96px; } @media only screen and (min-width: 320px) { .title-box { margin-bottom: 8px; font-size: 22px; line-height: 33px; height: 66px; } } @media only screen and (min-width: 576px) { .title-box { margin-bottom: 14px; font-size: 22px; line-height: 33px; height: 33px; } } @media only screen and (min-width: 768px) { .title-box { margin-bottom: 16px; font-size: 32px; line-height: 48px; height: 144px; width: 282px; } } @media only screen and (min-width: 992px) { .title-box { margin-bottom: 16px; font-size: 32px; line-height: 48px; height: 96px; width: 386px; } } @media only screen and (min-width: 1200px) { .title-box { margin-bottom: 16px; font-size: 32px; line-height: 48px; width: 350px; height: 96px; } } .subtlite-box { margin-bottom: 40px; font-size: 16px; line-height: 24px; font-family: 'ItauDisplay-Light'; height: 72px; } @media only screen and (min-width: 320px) { .subtlite-box { margin-bottom: 24px; font-size: 14px; line-height: 21px; height: 84px; } } @media only screen and (min-width: 576px) { .subtlite-box { margin-bottom: 32px; font-size: 14px; line-height: 21px; height: 42px; } } @media only screen and (min-width: 768px) { .subtlite-box { margin-bottom: 32px; font-size: 16px; line-height: 24px; height: 92px; } } @media only screen and (min-width: 992px) { .subtlite-box { margin-bottom: 36px; font-size: 16px; line-height: 24px; height: 72px; } } @media only screen and (min-width: 1200px) { .subtlite-box { margin-bottom: 40px; font-size: 16px; line-height: 24px; width: 350px; height: 72px; } } .button-box { width: 255px; height: 48px; border-radius: 4px; } @media only screen and (min-width: 576px) { .button-box { width: 240px; } } @media only screen and (min-width: 768px) { .button-box { width: 210px; height: 48px; } } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .card-box-insurance-company { display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; max-width: 350px; margin: 0 15px; border: 1px solid #605751; border-radius: 6px; border-radius: 6px; padding: 24px 0; position: relative; cursor: pointer; } .card-box-insurance-company:after { content: ''; width: calc(100% + 2px); height: 14px; border-radius: 0 0 6px 6px; background: transparent; transition: all .3s; position: absolute; bottom: -1px; left: -1px; } .card-box-insurance-company__thumbnail { width: 105px; height: 101px; } .card-box-insurance-company__thumbnail img { max-width: 100%; height: 100%; } @media only screen and (max-width: 1199px) { .card-box-insurance-company__thumbnail { max-width: 120px; height: 120px; } } @media only screen and (max-width: 991px) { .card-box-insurance-company__thumbnail { width: 112px; height: 108px; } } @media only screen and (max-width: 767px) { .card-box-insurance-company__thumbnail { max-width: 59px; height: 58px; } } @media only screen and (max-width: 575px) { .card-box-insurance-company__thumbnail { max-width: 55px; height: 55px; } } .card-box-insurance-company__title h3 { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; line-height: 30px; color: #4A4A4A; letter-spacing: 0; text-align: center; margin-top: 32px; } @media only screen and (max-width: 1199px) { .card-box-insurance-company__title h3 { margin-top: 16px; } } @media only screen and (max-width: 767px) { .card-box-insurance-company__title h3 { font-size: 16px; line-height: 22px; } } .card-box-insurance-company.active:after { background: #EC7000; } @media only screen and (max-width: 1199px) { .card-box-insurance-company { max-width: 290px; } } @media only screen and (max-width: 991px) { .card-box-insurance-company { max-width: 270px; padding: 23px 0; } .card-box-insurance-company:first-child { margin-left: 0; } .card-box-insurance-company:last-child { margin-right: 0; } } @media only screen and (max-width: 767px) { .card-box-insurance-company { max-width: 196px; padding: 16px 0; } } @media only screen and (max-width: 575px) { .card-box-insurance-company { max-width: 183px; margin-right: 0; margin-left: 0; } .card-box-insurance-company:first-child { margin-bottom: 16px; } } .double-box-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { .double-box-container section { padding-top: 32px; } } .double-box-container { margin-left: 0px; } @media only screen and (max-width: 575px) { .double-box-container { display: none; } } @media only screen and (min-width: 992px) { .double-box-container { margin-left: 16px; } } @media only screen and (min-width: 1200px) { .double-box-container { margin-left: 0px; } } .double-box-container h2 { font-size: 32px; line-height: 48px; font-family: 'ItauDisplay-XBold'; margin-bottom: 8px; } @media only screen and (min-width: 576px) { .double-box-container h2 { font-size: 22px; line-height: 33px; } } @media only screen and (min-width: 768px) { .double-box-container h2 { font-size: 32px; line-height: 48px; } } .double-box-container p { font-size: 20px; line-height: 30px; font-family: 'ItauDisplay-Light'; } @media only screen and (min-width: 576px) { .double-box-container p { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 768px) { .double-box-container p { font-size: 20px; line-height: 30px; } } button.ui-datepicker-trigger { content: '\e91e'; font-family: 'itau-icon'; font-size: 20px; color: #EC7000; position: absolute; left: 259px; border: 1px solid #89837F; border-radius: 2px; width: 56px; height: 56px; background-color: #FFFFFF; bottom: 19px; } @media only screen and (max-width: 992px) { button.ui-datepicker-trigger { left: 218px; } } @media only screen and (max-width: 767px) { button.ui-datepicker-trigger { left: 158px; } } button.ui-datepicker-trigger:hover { border: 1px solid #56504C; } .datepicker-dolar-valor { background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35); padding: 1.25em 1em 1em 1em; z-index: 9999999; } .datepicker-dolar-valor.ui-datepicker td a { padding: 0; } .datepicker-dolar-valor .ui-datepicker-header { border: none; background: #FFFFFF; } .datepicker-dolar-valor .ui-datepicker-calendar > thead > tr > th > span { font-family: "ItauText-XBold", "Myriad Pro", Arial; font-size: 14px; color: #605751; text-align: center; line-height: 24px; } .datepicker-dolar-valor .ui-datepicker-calendar tr td .ui-state-default { border: 1px solid transparent; transition: border 0.3s; } .datepicker-dolar-valor .ui-datepicker-calendar tr td button.ui-state-default.ui-state-hover { border-color: #FF6600; } .datepicker-dolar-valor .ui-datepicker-prev span:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 16px; color: #231D19; text-indent: initial; position: absolute; right: 5px; } .datepicker-dolar-valor .ui-datepicker-prev.ui-state-hover { border: none; border-radius: none; background: transparent; font-weight: 700; } .datepicker-dolar-valor .ui-datepicker-prev.ui-datepicker-prev-hover { left: 2px; top: 2px; } .datepicker-dolar-valor .ui-datepicker-next span:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 16px; color: #231D19; text-indent: initial; position: absolute; right: 5px; } .datepicker-dolar-valor .ui-datepicker-next.ui-state-hover { border: none; border-radius: none; background: transparent; font-weight: 700; } .datepicker-dolar-valor .ui-datepicker-next.ui-datepicker-next-hover { right: 2px; top: 2px; } .datepicker-dolar-valor .filterTabela { background: #FF6600; border-radius: 4px; } .datepicker-dolar-valor .ui-icon-circle-triangle-w { font-family: itaufonts_master_24px_v1; font-size: 16px; color: #231D19; text-align: center; line-height: 20px; } .datepicker-dolar-valor .ui-state-default { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #231D19; text-align: center; line-height: 20px; border: none; background: none; } .datepicker-dolar-valor .ui-state-hover { border: 1px solid #EC7000; border-radius: 4px; } .datepicker-dolar-valor .ui-state-active { border: 1px solid #EC7000; border-radius: 4px; color: #FF6600; background-color: #EFE9E5; font-family: "ItauText-XBold", "Myriad Pro", Arial; } .datepicker-dolar-valor .ui-datepicker-month { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 16px; color: #231D19; text-align-last: center; line-height: 24px; border: none; } .datepicker-dolar-valor select { -moz-appearance: none; -webkit-appearance: none; } .datepicker-dolar-valor select::-ms-expand { display: none; } .dolar-valor { background-color: #EFE9E6; } .dolar-valor .date { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #969290; line-height: 24px; } .dolar-valor .color-roxo { color: #781B8E; } @media only screen and (max-width: 767px) { .dolar-valor .color-roxo { font-size: 12px; } } @media only screen and (max-width: 575px) { .dolar-valor .container-title { padding: 10px 15px 32px; } } .dolar-valor .title-container .title-d-container { padding-top: 64px !important; } @media only screen and (max-width: 767px) { .dolar-valor .title-container .title-d-container { padding-top: 32px !important; } } @media only screen and (max-width: 575px) { .dolar-valor .accordion-container { margin-left: -15px; } } .dolar-valor .dataTexto { margin-right: 27px; width: 319px; padding-top: 24px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; color: #605751; line-height: 24px; float: left; } @media only screen and (max-width: 992px) { .dolar-valor .dataTexto { width: 274px; } } @media only screen and (max-width: 767px) { .dolar-valor .dataTexto { width: 240px; margin-right: 10px; } } @media only screen and (max-width: 575px) { .dolar-valor .dataTexto { float: none; padding-top: 0; } } .dolar-valor .dataTexto input { padding-top: 10px; } .dolar-valor .dataTexto.first { max-width: 100%; } @media only screen and (max-width: 575px) { .dolar-valor .dataTexto.first { max-width: 100%; margin-bottom: 17px; } } .dolar-valor .dataTexto.last { max-width: 100%; } @media only screen and (max-width: 575px) { .dolar-valor .dataTexto.last { max-width: 100%; } } .dolar-valor .container-btn { width: 100%; max-width: 126px; position: relative; float: left; } @media only screen and (max-width: 991px) { .dolar-valor .container-btn { float: none; max-width: 308px; } } @media only screen and (max-width: 767px) { .dolar-valor .container-btn #btn { max-width: 150px; } } @media only screen and (max-width: 575px) { .dolar-valor .container-btn #btn { max-width: 100%; } } @media only screen and (max-width: 767px) { .dolar-valor .container-btn #btnClean { max-width: 150px; } } @media only screen and (max-width: 575px) { .dolar-valor .container-btn #btnClean { max-width: 100%; } } .dolar-valor input.dateInput { border: 1px solid #89837F; border-radius: 2px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; letter-spacing: 0; line-height: 22px; margin-bottom: 15px; height: 56px; width: 255px; padding-left: 20px; padding-bottom: 10px; } .dolar-valor input.dateInput:focus { outline-color: #EC7000; box-shadow: none; } .dolar-valor input.dateInput:focus ~ label { left: 5px; font-size: 14px; top: -14px; background: #fff; color: #56504C; padding: 0 4px; } .dolar-valor input.dateInput:hover { border: 1px solid #56504C; } .dolar-valor input.dateInput:disabled { background: transparent; } @media only screen and (max-width: 992px) { .dolar-valor input.dateInput { width: 210px; } } @media only screen and (max-width: 767px) { .dolar-valor input.dateInput { width: 150px; } } .dolar-valor .filter-footer { margin-left: 0px; display: inline-block; width: 872px; } .dolar-valor .filter-footer .row-fluid { height: 75px; width: 250px; position: relative; } @media only screen and (max-width: 767px) { .dolar-valor .filter-footer { width: 576px; } } @media only screen and (max-width: 575px) { .dolar-valor .filter-footer { width: 320px; padding-bottom: 20px; } } .dolar-valor input.filterTabela { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 26px; background: #EC7000; border-radius: 4px; border-color: #EC7000; border-color: transparent; width: 160px; height: 48px; display: block; margin-top: -25px; } .dolar-valor input.filterTabela:hover { background-color: #D27000; border-color: transparent; } .dolar-valor input.filterTabela:active { background-color: #EC7000 !important; color: #89837F; } .dolar-valor input.filterTabela:disabled { background: #D6D0CC; border-radius: 4px; border-color: transparent; } @media only screen and (max-width: 992px) { .dolar-valor input.filterTabela { width: 130px; } } @media only screen and (max-width: 991px) { .dolar-valor input.filterTabela { width: 150px; float: left; margin-top: 0; } } @media only screen and (max-width: 575px) { .dolar-valor input.filterTabela { width: 150px; float: none; } } .dolar-valor input.cleanTabela { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #106EB0; letter-spacing: 0; text-align: center; line-height: 32px; background: #FFFFFF; border: 1px solid #106EB0; border-radius: 4px; width: 160px; height: 48px; display: block; margin-top: 11px; } .dolar-valor input.cleanTabela:hover { background-color: #ECF4F9; border-color: #106EB0; } .dolar-valor input.cleanTabela:disabled { background: #FFFFFF; border: 1px solid #D9D3CF; border-radius: 4px; font-size: 19px; color: #D9D3CF; line-height: 28px; } @media only screen and (max-width: 992px) { .dolar-valor input.cleanTabela { width: 130px; } } @media only screen and (max-width: 991px) { .dolar-valor input.cleanTabela { width: 150px; float: left; margin-top: 0; margin-left: 8px; } } @media only screen and (max-width: 575px) { .dolar-valor input.cleanTabela { width: 150px; float: none; margin-top: 8px; margin-left: 0; } } .dolar-valor .dataTables_filter { display: none; } .dolar-valor .dataTables_filter:label { display: none; } .dolar-valor .dataTables_info { display: none; } .dolar-valor .title-d-container__overwrite { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; } .dolar-valor .title-d-container__title { color: #252220 !important; } @media only screen and (max-width: 767px) { .dolar-valor .title-d-container__title { line-height: 30px; } } @media only screen and (max-width: 767px) { .dolar-valor .title-d-container__subtitle { font-size: 18px; color: #312D2B !important; line-height: 25px; } } .dolar-valor .txtSpanFiltro { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; color: #252220; line-height: 28px; padding-top: 15px; } @media only screen and (max-width: 575px) { .dolar-valor .txtSpanFiltro { font-size: 18px; line-height: 18px; text-align: inherit; padding-left: 0px; padding-top: 10px; } } @media only screen and (md-width: 576px) { .dolar-valor .txtSpanFiltro { padding-top: 21px; } } @media only screen and (max-width: 575px) { .dolar-valor .dataTexto { font-size: 18px; line-height: 18px; text-align: inherit; padding-right: 0px; } } .dolar-valor .accordion-container .container { padding-top: 48px; } @media only screen and (max-width: 576px) { .dolar-valor .accordion-container .container { padding-top: 24px; } } .dolar-valor .container.filtro { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; color: #312D2B; line-height: 28px; } .dolar-valor .container .table-container { margin-left: 0; } .dolar-valor .inputs { padding: 0 24px; margin-top: 32px; justify-content: flex-start; background: #FFFFFF; border-radius: 8px; max-width: 920px; } @media only screen and (max-width: 992px) { .dolar-valor .inputs { max-width: 850px; } } @media only screen and (max-width: 768px) { .dolar-valor .inputs { max-width: 690px; } } .dolar-valor .table { margin-top: 10px; justify-content: flex-start; background: #FFFFFF; border: 1px solid #EFE9E5; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; color: #252220; line-height: 24px; } .dolar-valor #taxTable { border-bottom: none; } .dolar-valor #taxTable tr { border: none; } .dolar-valor #taxTable tr th, .dolar-valor #taxTable tr td { border-bottom: 1px solid #EFE9E5; } .dolar-valor #taxTable tr th:first-child, .dolar-valor #taxTable tr td:first-child { border-right: 1px solid #EFE9E5; } .dolar-valor #taxTable thead th { font-family: "ItauText-XBold", "Myriad Pro", Arial; color: #231D19; height: 72px; padding: 0 24px; vertical-align: middle; position: relative; min-width: 80px; } .dolar-valor #taxTable thead th:after { content: '\ea99'; font-family: 'itau-icon'; font-size: 24px; color: #EC7000; position: absolute; right: 10px; } @media only screen and (max-width: 767px) { .dolar-valor #taxTable thead th { font-size: 14px; } } .dolar-valor #taxTable tbody td { height: 22px; vertical-align: top; padding: 16px 24px; } .dolar-valor #taxTable tbody td:first-child { width: 141px; } @media only screen and (max-width: 991px) { .dolar-valor #taxTable tbody td:first-child { width: 131px; } } @media only screen and (max-width: 767px) { .dolar-valor #taxTable tbody td:first-child { width: 116px; font-size: 14px; } } @media only screen and (max-width: 575px) { .dolar-valor #taxTable tbody td:first-child { width: 141px; } } .dolar-valor #taxTable tbody td:last-child { width: 112px; } @media only screen and (max-width: 991px) { .dolar-valor #taxTable tbody td:last-child { width: 102px; } } @media only screen and (max-width: 767px) { .dolar-valor #taxTable tbody td:last-child { width: 87px; font-size: 14px; } } @media only screen and (max-width: 575px) { .dolar-valor #taxTable tbody td:last-child { width: 112px; } } @media only screen and (max-width: 1199px) { .dolar-valor #taxTable tbody td { padding: 16px 9px; } } .dolar-valor .dataTables_wrapper .dataTables_paginate { display: flex; align-items: center; justify-content: center; width: 100%; margin: 24px 0; padding: 0; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button { font-family: "ItauText-XBold", "Myriad Pro", Arial; font-size: 16px; color: #106EB0 !important; border: none; background-color: none; padding: 0; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before { content: '\e9b1'; font-family: 'itau-icon'; font-size: 24px; color: #106EB0; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:before { color: #D9D3CF; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.next:before { content: '\e9cd'; font-family: 'itau-icon'; font-size: 24px; color: #106EB0; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:before { color: #D9D3CF; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.current { border: none; background: none; color: #605751 !important; border-bottom: 1px solid #605751; border-radius: 0; padding: 0; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: none; border-bottom: 1px solid #605751; background: none; } .dolar-valor .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: none; background: none; color: #106EB0 !important; } .fake-btn { display: none; overflow: hidden; width: 160px; height: 48px; position: absolute; bottom: 60px; left: 0; } .fake-btn.show { display: block; overflow: visible; } @media only screen and (max-width: 991px) { .fake-btn { bottom: -175px; } } @media only screen and (max-width: 575px) { .fake-btn { bottom: 60px; } } .fake-btnClean { display: none; overflow: hidden; width: 160px; height: 48px; position: absolute; top: 37px; left: 0; } .fake-btnClean.show { display: block; overflow: visible; } .fake-btnCalendar { display: none; overflow: hidden; width: 62px; height: 58px; position: absolute; top: -1px; right: 0; } .fake-btnCalendar.show { display: block; overflow: visible; } .floating-label { position: relative; } .floating-label label { position: absolute; font-size: 16px; left: 16px; top: 16px; transition: all 0.2s; color: #89837F; font-weight: normal; } .floating-label label.active { left: 5px; font-size: 14px; top: -14px; background: #fff; color: #56504C; padding: 0 4px; } .ui-datepicker .ui-datepicker-buttonpane button { right: 36px; position: relative; bottom: -5px; background: #FF6600; border-radius: 4px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 26px; background: #EC7000; border-radius: 4px; border-color: #EC7000; border-color: transparent; width: 160px; height: 48px; display: block; } .ui-datepicker .ui-datepicker-buttonpane button:hover { border-color: #106EB0; } coral-multifield[aria-invalid=true] { border: solid 1px #f00; } .detailed-item__argument-item i, .detailed-item__prices-container .is--highlight { color: #EC7000; } [data-segment=personnalite] .detailed-item__argument-item i, .detailed-item__argument-item [data-segment=personnalite] i, [data-segment=personnalite] .detailed-item__prices-container .is--highlight, .detailed-item__prices-container [data-segment=personnalite] .is--highlight { color: #876632; } .detailed-item__argument-item i, .detailed-item__prices-container .is--highlight { color: #EC7000; } [data-segment=personnalite] .detailed-item__argument-item i, .detailed-item__argument-item [data-segment=personnalite] i, [data-segment=personnalite] .detailed-item__prices-container .is--highlight, .detailed-item__prices-container [data-segment=personnalite] .is--highlight { color: #876632; } [data-segment="cartoes"] .detailed-item__argument-item i, .detailed-item__argument-item [data-segment="cartoes"] i, [data-segment="cartoes"] .detailed-item__prices-container .is--highlight, .detailed-item__prices-container [data-segment="cartoes"] .is--highlight { color: #003399; } .detailed-item { padding: 23.4px 24px; font-family: "ItauText-Regular", "Myriad Pro", Arial; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.14); } @media only screen and (max-width: 767px) { .detailed-item { margin: 0px -15px; } } .detailed-item__title-container { margin-bottom: 32px; } [data-segment='varejo'] .detailed-item__title-container h3, [data-segment='varejo'] .detailed-item__title-container h4, [data-segment='varejo'] .detailed-item__title-container h5 { color: #252220; } [data-segment='empresas'] .detailed-item__title-container h3, [data-segment='empresas'] .detailed-item__title-container h4, [data-segment='empresas'] .detailed-item__title-container h5 { color: #252220; } [data-segment='uniclass'] .detailed-item__title-container h3, [data-segment='uniclass'] .detailed-item__title-container h4, [data-segment='uniclass'] .detailed-item__title-container h5 { color: #252220; } [data-segment='cartoes'] .detailed-item__title-container h3, [data-segment='cartoes'] .detailed-item__title-container h4, [data-segment='cartoes'] .detailed-item__title-container h5 { color: #252220; } [data-segment='private'] .detailed-item__title-container h3, [data-segment='private'] .detailed-item__title-container h4, [data-segment='private'] .detailed-item__title-container h5 { color: #252220; } [data-segment='personnalite'] .detailed-item__title-container h3, [data-segment='personnalite'] .detailed-item__title-container h4, [data-segment='personnalite'] .detailed-item__title-container h5 { color: #252220; } .detailed-item__wrapper { display: flex; flex-flow: column; height: inherit; } .detailed-item__title { font-size: 20px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; line-height: 30px; } .detailed-item__argument-list { margin-bottom: 23px; } .detailed-item__argument-item { position: relative; padding-left: 32px; line-height: 24px; min-height: 72px; color: #605751; } .detailed-item__argument-item:not(:last-child) { margin-bottom: 8px; } .detailed-item__argument-item i { position: absolute; left: 0px; top: 0px; font-size: 24px; } .detailed-item__separator { height: 2px; width: 100%; margin: auto 0 15px; border-radius: 15px; background-color: #969290; } .detailed-item__prices-container { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 20px; color: #605751; } .detailed-item__prices-container .is--highlight { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } .detailed-item__price-label { margin-bottom: 12px; } .is--saved .detailed-item__price-label { text-align: right; } .detailed-item__price-value { line-height: 18px; } .detailed-item__price-value .value { font-size: 24px; } .detailed-item__price-value.is--highlight .value { font-size: 32px; } .detailed-item__legal-text { font-size: 12px; line-height: 18px; } .detailed-item__call-to-action a { margin-top: 23px; width: 100%; } .detailed-comparative { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .detailed-comparative { padding-bottom: 32px; } } .detailed-comparative { padding-top: 64px; } @media only screen and (max-width: 767px) { .detailed-comparative { padding-top: 32px; } } .ul-edit-mode { display: flex; flex-flow: row wrap; padding-bottom: 70px !important; position: relative; } .ul-edit-mode .new.section { bottom: -25px; left: 0; position: absolute; width: 100%; } @media screen and (min-width: 576px) and (max-width: 991px) { .detailed-comparative .container-carousel { margin: 0; padding: 0; max-width: 100%; } } @media screen and (min-width: 320px) and (max-width: 575px) { .detailed-comparative .row { margin: 0; } } .detailed-comparative .title-d-container__description { display: none; } .detailed-comparative__list { flex-wrap: wrap; } @media screen and (min-width: 768px) and (max-width: 991px) { .detailed-comparative__list { height: 100%; } .detailed-comparative__list > li { box-sizing: border-box; } } @media only screen and (min-width: 992px) { .detailed-comparative__list .detailed-comparative-item:nth-child(n+4) { margin-top: 30px; } } .detailed-comparative.authoring-mode { display: flex; justify-content: space-between; flex-flow: row wrap; } .detailed-comparative .lightSlider { padding-bottom: 15px; } .detailed-comparative .lSPager { margin-top: 24px !important; } .detailed-comparative .lSPager li:not(.active) .timeline-track { width: 0% !important; } .detailed-comparative .lSPager a { display: block; } .detailed-comparative .lSPager .slick-count { display: flex; align-items: center; } .detailed-comparative .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .detailed-comparative .lSPager .counter { font-size: 20px; } } .detailed-comparative .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .detailed-comparative .lSPager .timeline { background: #cbcbcb; } .detailed-comparative .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .detailed-comparative .lSPager .timeline .timeline-track, [data-segment='empresa'] .detailed-comparative .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .detailed-comparative .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .detailed-comparative .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .detailed-comparative .lSPager .timeline .timeline-track { background: #4F758B; } .detailed-comparative .lSPager li { margin: 0 0 0 12px; width: auto; } .detailed-comparative .lSPager li a { color: #605751; } .detailed-comparative .lSPager li a:hover { text-decoration: none; } .detailed-comparative .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .detailed-comparative .lSPager li.active .timeline { width: 80px; } } .detailed-comparative .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .detailed-comparative .lSPager li.active a, [data-segment='empresa'] .detailed-comparative .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .detailed-comparative .lSPager li.active a { color: #876632; } [data-segment='varejo'] .detailed-comparative .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .detailed-comparative .lSPager li.active a { color: #252220; } .bg-blue .lSPager li a, .bg-image .lSPager li a { color: #FFFFFF !important; } .bg-blue .lSPager li .timeline-track, .bg-image .lSPager li .timeline-track { background: #FFFFFF !important; } .cta-header .cta-header-img { display: grid; } .cta-header .cta-header-img img { width: 100%; margin-bottom: 21px; } .cta-header .cta-header-text span { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 20px; line-height: 32px; margin-bottom: 8px; } [data-segment='personnalite'] .cta-header .cta-header-text span { color: #876632; } [data-segment='uniclass'] .cta-header .cta-header-text span { color: #4F758B; } [data-segment='private'] .cta-header .cta-header-text span { color: #EC7000; } .cta-header .cta-header-text p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .cta-header .cta-header-text a { padding-top: 16px; color: #106EB0; } .cta-header .cta-header-text a:hover { color: #106EB0 !important; text-decoration: underline; } /** * Component Styles */ .corban-search__select-error-message { width: 100%; margin: 0px 0px 0px 0px; background-color: rgba(120, 27, 142, 0.1); border: 1px solid #781B8E; border-radius: 4px; padding: 15px; margin-top: 15px; display: none; position: relative; } @media only screen and (min-width: 576px) { .corban-search__select-error-message { max-width: 444px; } } @media only screen and (min-width: 768px) { .corban-search__select-error-message { width: 100%; max-width: 592px; padding: 24px 64px; } } @media only screen and (min-width: 992px) { .corban-search__select-error-message { max-width: 764px; } } @media only screen and (min-width: 1200px) { .corban-search__select-error-message { max-width: 1110px; } } .corban-search__select-error-message__title { width: 100%; display: flex; line-height: 24px; flex-direction: column; justify-content: space-between; } @media only screen and (min-width: 768px) { .corban-search__select-error-message__title { margin: initial; flex-direction: row; } } .corban-search__select-error-message__title--icon { position: static; font-size: 22px; color: #781B8E; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .corban-search__select-error-message__title--icon { position: absolute; top: 21px; left: 23px; margin-bottom: initial; } } .corban-search__select-error-message__title--text { width: 100%; font-family: 'ItauText-xBold'; line-height: 24px; } .corban-search__select-error-message__title__close-button { width: 18px; position: absolute; right: 26px; } .corban-search__select-error-message__title__close-button__style { background-color: transparent; border: none; color: #252220; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; } .corban-search__select-error-message__title__close-button__style--icon { font-size: 16px; line-height: 16px; } .corban-search__select-error-message__description__text { margin-top: 5px; line-height: 26px; } @media only screen and (min-width: 768px) { .corban-search__select-error-message__description__text { margin-top: 10px; } } .corban-search__select-error-message__description__text--link { color: #106EB0; text-decoration: underline; font-family: "ItauText-XBold", "Myriad Pro", Arial; line-height: 24px; } .corban-search__select-error-message__description__text--complement { display: inline-block; color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; min-width: 240px; font-size: 16px; line-height: 24px; } .corban-search .corban-search-filters { margin-top: 24px; } @media only screen and (min-width: 576px) { .corban-search .corban-search-filters { margin-top: 30px; } } .corban-search .select-input-error { border: 1px solid #781B8E !important; } .corban-search .error-color { color: #781B8E !important; } .corban-search .disabled { color: #D6D0CC !important; border-color: #D6D0CC !important; } .corban-search .corban-search-error__container { height: 461px; width: 100%; padding: 32px 0px; } @media only screen and (min-width: 576px) { .corban-search .corban-search-error__container { height: 338px; width: 100%; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container { height: 418px; width: 100%; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container { height: 418px; width: 100%; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container { height: 418px; width: 100%; } } .corban-search .corban-search-error__container .corban-search-error__image { width: 208px; height: 208px; margin: 0px auto 16px; } @media only screen and (min-width: 576px) { .corban-search .corban-search-error__container .corban-search-error__image { width: 194px; height: 194px; margin: 32px 26px 16px 0px; float: left; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__image { width: 210px; height: 210px; margin: 64px 26px 16px 0px; float: left; } } .corban-search .corban-search-error__container .corban-search-error__image .cmp-image__image { width: 100%; height: 100%; } .corban-search .corban-search-error__container img { width: 100%; } .corban-search .corban-search-error__container .corban-search-error__texts-container { width: 290px; height: 95px; display: flex; flex-direction: column; margin-bottom: 32px; } @media only screen and (min-width: 576px) { .corban-search .corban-search-error__container .corban-search-error__texts-container { width: 290px; height: 98px; margin: 60px 0px 64px; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__texts-container { width: 450px; height: 138px; margin: 90px 0px 40px; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container .corban-search-error__texts-container { width: 690px; height: 84px; margin: 100px 0px 92px; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container .corban-search-error__texts-container { width: 690px; height: 86px; margin: 100px 0px 130px; } } .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__main-text--style { width: 289px; height: 60px; margin: 0px 0px 8px 0px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 22px; font-stretch: normal; font-style: normal; line-height: 30px; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 576px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__main-text--style { width: 294px; height: 66px; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__main-text--style { width: 450px; height: 98px; font-size: 32px; line-height: 45px; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__main-text--style { width: 650px; height: 48px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__main-text--style { width: 690px; height: 48px; font-size: 32px; line-height: 48px; } } .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__text--style { width: 289px; height: 25px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; font-stretch: normal; font-style: normal; line-height: 25px; letter-spacing: normal; color: #252220; } @media only screen and (min-width: 576px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__text--style { width: 294px; height: 24px; font-size: 16px; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__text--style { width: 450px; height: 32px; font-size: 20px; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__text--style { width: 650px; height: 28px; font-size: 20px; line-height: 28px; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container .corban-search-error__texts-container .corban-search-error__text--style { width: 690px; height: 30px; font-size: 20px; line-height: 30px; } } .corban-search .corban-search-error__container .corban-search-error__button-container { height: 48px; width: 48px; align-items: center; justify-content: center; float: right; } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__button-container { width: 150px; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container .corban-search-error__button-container { width: 130px; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container .corban-search-error__button-container { width: 160px; } } .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button { height: 48px; width: 48px; border: solid 1px #106EB0; border-radius: 50%; padding: 1px 3px; display: block; cursor: pointer; text-decoration: none; } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button { width: 150px; border-radius: 4px; padding: 12px 26px; line-height: 25px; display: flex; justify-content: space-between; } } @media only screen and (min-width: 992px) { .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } @media only screen and (min-width: 1200px) { .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button { width: 130px; border-radius: 4px; padding: 12px 18px; line-height: 25px; } } .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button .corban-search-error__icon--style { height: 18px; width: 18px; color: #106EB0; display: block; margin: 14px auto; border: solid 1px #106EB0; border-radius: 50%; } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button .corban-search-error__icon--style { height: 22px; width: 22px; margin: 0px 0px; font-size: 19px; } } .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button .corban-search-error__doubt-text--style { display: none; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; color: #106EB0; } @media only screen and (min-width: 768px) { .corban-search .corban-search-error__container .corban-search-error__button-container .corban-search-error__button .corban-search-error__doubt-text--style { display: block; font-size: 19px; } } .corban-search .corban-search-error__container { display: none; } .corban-search .corban-search-error__container-edit { display: block !important; } .corban-search .container-result-box { /* Safari */ } @media only screen and (min-width: 576px) { .corban-search .container-result-box { min-height: auto; width: 510px; } } @media only screen and (min-width: 768px) { .corban-search .container-result-box { width: 690px; } } @media only screen and (min-width: 992px) { .corban-search .container-result-box { width: 930px; } } @media only screen and (min-width: 1200px) { .corban-search .container-result-box { width: 920px; } } .corban-search .container-result-box .p-results-intro { font-family: ItauDisplay-XBold; font-size: 20px; line-height: 30px; margin-top: 32px; margin-bottom: 10px; } .corban-search .container-result-box .p-no-results { font-family: ItauDisplay-Light; font-size: 20px; margin-top: 10px; margin-bottom: 64px; } .corban-search .container-result-box .correspondent-result-box { position: relative; display: inline-block; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px 0; padding: 24px; margin-bottom: 16px; width: 100%; } .corban-search .container-result-box .correspondent-result-box p { font-family: ItauText-Regular; margin-bottom: 8px; line-height: 18px; font-size: 14px; color: #252220; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .correspondent-result-box p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 992px) { .corban-search .container-result-box .correspondent-result-box p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 1200px) { .corban-search .container-result-box .correspondent-result-box p { font-size: 16px; line-height: 24px; } } .corban-search .container-result-box .correspondent-result-box p:last-child { margin-bottom: initial; } .corban-search .container-result-box .correspondent-result-box p span { font-family: ItauText-Bold; color: #252220; line-height: 18px; font-size: 14px; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .correspondent-result-box p span { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 992px) { .corban-search .container-result-box .correspondent-result-box p span { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 1200px) { .corban-search .container-result-box .correspondent-result-box p span { font-size: 16px; line-height: 24px; } } .corban-search .container-result-box .correspondent-result-box h4 { font-family: ItauDisplay-Bold; font-size: 16px; line-height: 24px; margin-bottom: 8px; } .corban-search .container-result-box .correspondent-result-box h4:last-child { margin-bottom: initial; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .correspondent-result-box h4 { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 992px) { .corban-search .container-result-box .correspondent-result-box h4 { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 1200px) { .corban-search .container-result-box .correspondent-result-box h4 { font-size: 18px; line-height: 27px; } } .corban-search .container-result-box .correspondent-result-box h4 span { font-family: ItauDisplay-Bold; font-size: 16px; line-height: 24px; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .correspondent-result-box h4 span { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 992px) { .corban-search .container-result-box .correspondent-result-box h4 span { font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 1200px) { .corban-search .container-result-box .correspondent-result-box h4 span { font-size: 18px; line-height: 27px; } } .corban-search .container-result-box .pagination-correspondent { display: flex; width: 100%; justify-content: space-around; align-items: baseline; max-width: 278px; margin: 0 auto; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; margin-bottom: 64px; line-height: 24px; } @media only screen and (min-width: 576px) { .corban-search .container-result-box .pagination-correspondent { justify-content: center; max-width: initial; } } .corban-search .container-result-box .pagination-correspondent p { padding: initial; } .corban-search .container-result-box .pagination-correspondent a { color: #106EB0; text-decoration: none; text-align: center; display: inline-block; font-family: "ItauText-Bold", "Myriad Pro", Arial; font-size: 16px; position: relative; cursor: pointer; } @media only screen and (min-width: 576px) { .corban-search .container-result-box .pagination-correspondent a { padding: 0 16px; } .corban-search .container-result-box .pagination-correspondent a#btn_prev:before { content: "\e9cd"; font-family: "itau-icon"; position: absolute; left: -8px; transform: rotate(180deg); top: 0; font-size: 22px; } .corban-search .container-result-box .pagination-correspondent a#btn_next:after { content: "\e9cd"; font-family: "itau-icon"; position: absolute; top: -2px; right: -8px; font-size: 22px; } } .corban-search .container-result-box .pagination-correspondent a#btn_prev, .corban-search .container-result-box .pagination-correspondent a#btn_next, .corban-search .container-result-box .pagination-correspondent a#btn_first, .corban-search .container-result-box .pagination-correspondent a#btn_last { color: #106EB0; } .corban-search .container-result-box .pagination-correspondent a#btn_prev.disable, .corban-search .container-result-box .pagination-correspondent a#btn_next.disable, .corban-search .container-result-box .pagination-correspondent a#btn_first.disable, .corban-search .container-result-box .pagination-correspondent a#btn_last.disable { color: #D6D0CC; cursor: pointer; } .corban-search .container-result-box .pagination-correspondent a#btn_first, .corban-search .container-result-box .pagination-correspondent a#btn_last, .corban-search .container-result-box .pagination-correspondent a.divisor { display: none; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .pagination-correspondent a#btn_first, .corban-search .container-result-box .pagination-correspondent a#btn_last, .corban-search .container-result-box .pagination-correspondent a.divisor { display: block; } } .corban-search .container-result-box .pagination-correspondent a span { color: #231D19; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; } .corban-search .container-result-box .pagination-correspondent span { color: #231D19; font-family: "ItauText-Regular", "Myriad Pro", Arial; line-height: 24px; } .corban-search .container-result-box .pagination-correspondent span.divisor { display: none; } @media only screen and (min-width: 768px) { .corban-search .container-result-box .pagination-correspondent span.divisor { display: block; padding: 0 8px; } } .corban-search .container-result-box .pagination-correspondent select { border: none; height: 15px; color: #106EB0; font-family: "ItauText-Bold", "Myriad Pro", Arial; } @media only screen and (min-width: 576px) { .corban-search .container-result-box .pagination-correspondent select { height: 32px; } } .corban-search .container-result-box .iconLoader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #DD6100; width: 64px; height: 64px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; margin: 0 auto; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .corban-search .corban-search-title-description .title-d-container .title-d-container__overwrite { font-family: ItauDisplay-Bold; font-size: 14px; color: #252220; line-height: 20px; } .corban-search .corban-search-title-description .title-d-container .title-d-container__title { font-family: ItauDisplay-XBold; color: #252220; line-height: 33px; font-weight: 700; font-size: 22px; } @media only screen and (min-width: 768px) { .corban-search .corban-search-title-description .title-d-container .title-d-container__title { font-size: 32px; line-height: 48px; } } .corban-search .corban-search-title-description .title-d-container .title-d-container__description { font-family: ItauDisplay-Light; color: #252220; font-size: 18px; line-height: 27px; margin-top: 8px; } @media only screen and (min-width: 768px) { .corban-search .corban-search-title-description .title-d-container .title-d-container__description { font-size: 20px; line-height: 28px; } } @media only screen and (min-width: 768px) { .corban-search .corban-search-title-description .title-d-container .title-d-container__subtitle { line-height: 28px; font-size: 20px; } } .corban-search__form { max-width: 450px; border: none; } .corban-search__btn_search { flex-direction: row; align-items: flex-end; display: flex; } .corban-search__search-button { flex: 1; box-sizing: border-box; border: 1px solid #EC7000; border-radius: 4px; height: 48px; width: 100%; background-color: #EC7000; padding: 8px 0; color: #FFFFFF; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; line-height: 32px; font-size: 20px; font-weight: 700; cursor: pointer; margin-bottom: 32px; } .corban-search__search-button:hover { background-color: #dd6100; } .corban-search__search-button:focus { background-color: #dd6100; } .corban-search .--hidden { display: none; } .corban-search .--fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } .contracts-tariffs-container-v2__box { padding-top: 64px; } @media only screen and (max-width: 767px) { .contracts-tariffs-container-v2__box { padding-top: 32px; } } [data-segment='empresas'] .contracts-tariffs-container-v2 .bg-blue .button { background-color: #FFFFFF !important; color: #003767; } .contracts-tariffs-container-v2 .button { display: block; margin: 32px auto auto; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .contracts-tariffs-container-v2 .button, [data-segment='varejo'] .contracts-tariffs-container-v2 .button, [data-segment='uniclass'] .contracts-tariffs-container-v2 .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .contracts-tariffs-container-v2 .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .contracts-tariffs-container-v2 .button { width: 100%; } } @media only screen and (min-width: 576px) { .contracts-tariffs-container-v2 .button { width: 240px; } } @media only screen and (min-width: 768px) { .contracts-tariffs-container-v2 .button { width: 210px; } } @media only screen and (min-width: 992px) { .contracts-tariffs-container-v2 .button { width: 350px; } } /** * Component Styles */ [data-segment='empresas'] .contracts-tariffs-container { background-color: #EFE9E5; } [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title h2, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title h3, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title p, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .slick-arrow:before, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .slick-dots .slick-active a { color: #FFFFFF !important; } [data-segment='personnalite'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='personnalite'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='varejo'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='varejo'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='uniclass'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.9; background: #4F758B; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } .contracts-tariffs-container__inner { padding: 32px 0 75px; } .contracts-tariffs-container__inner.bg-image:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0.6; } [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title p, [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title h2, [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title .cmp-text p { color: #FFFFFF; } .contracts-tariffs-container__inner .container { position: relative; } .contracts-tariffs-container__inner .container-fluid { position: relative; padding-left: 0; padding-right: 0; } .contracts-tariffs-container__title { padding: 32px 0 24px 0; } @media only screen and (min-width: 768px) { .contracts-tariffs-container__title { padding: 64px 0 32px 0; } } @media only screen and (min-width: 576px) { .contracts-tariffs-container__title { margin-left: 15px; } } .contracts-tariffs-container__title h2 { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .contracts-tariffs-container__title h2 { color: #003767; } [data-segment='personnalite'] .contracts-tariffs-container__title h2 { color: #252220; } [data-segment='varejo'] .contracts-tariffs-container__title h2 { color: #EC7000; } [data-segment='uniclass'] .contracts-tariffs-container__title h2 { color: #252220; } [data-segment='cartoes'] .contracts-tariffs-container__title h2 { color: #003767; } @media only screen and (min-width: 768px) { .contracts-tariffs-container__title h2 { font-size: 32px; line-height: 48px; } } .contracts-tariffs-container__title p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .contracts-tariffs-container__title p { color: #312D2B; } [data-segment='personnalite'] .contracts-tariffs-container__title p { color: #252220; } [data-segment='uniclass'] .contracts-tariffs-container__title p { color: #312D2B; } @media only screen and (min-width: 576px) { .contracts-tariffs-container__title p { font-size: 20px; line-height: 30px; } } .contracts-tariffs-container__title .title-d-container__overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #252220; line-height: 20px; } .contracts-tariffs-container__list { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } @media only screen and (min-width: 576px) { .contracts-tariffs-container__list { margin-left: 15px; } } @media only screen and (min-width: 768px) { .contracts-tariffs-container__list { justify-content: flex-start; } } div.contracts-and-tariffs-container .bg-blue h2, div.contracts-and-tariffs-container .bg-blue p { color: #FFFFFF; } div.contracts-and-tariffs-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { div.contracts-and-tariffs-container section { padding-top: 32px; } } [data-segment='empresas'] .contracts-tariffs-container .bg-blue .button { background-color: #FFFFFF !important; color: #003767; } .contracts-tariffs-container .button { display: block; margin: 32px auto auto; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .contracts-tariffs-container .button, [data-segment='varejo'] .contracts-tariffs-container .button, [data-segment='uniclass'] .contracts-tariffs-container .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .contracts-tariffs-container .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .contracts-tariffs-container .button { width: 100%; } } @media only screen and (min-width: 576px) { .contracts-tariffs-container .button { width: 240px; } } @media only screen and (min-width: 768px) { .contracts-tariffs-container .button { width: 210px; } } @media only screen and (min-width: 992px) { .contracts-tariffs-container .button { width: 350px; } } /** * Component Styles */ [data-segment='empresas'] .contracts-tariffs-container { background-color: #EFE9E5; } [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title h2, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title h3, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .card-container__title p, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .slick-arrow:before, [data-segment='empresas'] .contracts-tariffs-container .bg-blue .slick-dots .slick-active a { color: #FFFFFF !important; } [data-segment='personnalite'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='personnalite'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='personnalite'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='varejo'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='varejo'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='varejo'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='uniclass'] .contracts-tariffs-container { background-color: #FFFFFF; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image { background-size: cover; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.9; background: #4F758B; } [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title h2, [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title h3, [data-segment='uniclass'] .contracts-tariffs-container .bg-image .card-container__title p { color: #FFFFFF !important; } .contracts-tariffs-container__inner { padding: 32px 0 75px; } .contracts-tariffs-container__inner.bg-image:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0.6; } [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title p, [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title h2, [data-segment='empresas'] .contracts-tariffs-container__inner.bg-image .card-container__title .cmp-text p { color: #FFFFFF; } .contracts-tariffs-container__inner .container { position: relative; } .contracts-tariffs-container__inner .container-fluid { position: relative; padding-left: 0; padding-right: 0; } .contracts-tariffs-container__title { padding: 0 0 24px 0; } @media only screen and (min-width: 768px) { .contracts-tariffs-container__title { padding: 0 0 32px 0; } } @media only screen and (min-width: 576px) { .contracts-tariffs-container__title { margin-left: 15px; } } .contracts-tariffs-container__title h2 { padding: 0 0 6px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .contracts-tariffs-container__title h2 { color: #003767; } [data-segment='personnalite'] .contracts-tariffs-container__title h2 { color: #252220; } [data-segment='varejo'] .contracts-tariffs-container__title h2 { color: #EC7000; } [data-segment='uniclass'] .contracts-tariffs-container__title h2 { color: #252220; } [data-segment='cartoes'] .contracts-tariffs-container__title h2 { color: #003767; } @media only screen and (min-width: 768px) { .contracts-tariffs-container__title h2 { font-size: 32px; line-height: 48px; } } .contracts-tariffs-container__title p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .contracts-tariffs-container__title p { color: #312D2B; } [data-segment='personnalite'] .contracts-tariffs-container__title p { color: #252220; } [data-segment='uniclass'] .contracts-tariffs-container__title p { color: #312D2B; } @media only screen and (min-width: 576px) { .contracts-tariffs-container__title p { font-size: 20px; line-height: 30px; } } .contracts-tariffs-container__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .contracts-tariffs-container__list { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } @media only screen and (min-width: 576px) { .contracts-tariffs-container__list { margin-left: 15px; } } @media only screen and (min-width: 768px) { .contracts-tariffs-container__list { justify-content: flex-start; } } div.contracts-and-tariffs-container .bg-blue h2, div.contracts-and-tariffs-container .bg-blue p { color: #FFFFFF; } /** * Component Styles */ .contracts-tariffs { position: relative; display: inline-block; padding: 20px 16px 8px 16px; flex-shrink: 0; width: 100%; height: 118px; overflow: hidden; margin: 0 0 24px 0; background: #FFFFFF; box-shadow: -6px 0 16px 0 rgba(13, 69, 111, 0.15); border-radius: 5px; } [data-segment='uniclass'] .contracts-tariffs { box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 320px) { .contracts-tariffs { padding: 16px; } } @media only screen and (min-width: 576px) { .contracts-tariffs { width: 256px; } } @media only screen and (min-width: 768px) { .contracts-tariffs { width: 210px; padding: 16px; margin: 0 0 64px 0; margin-right: 30px; } .contracts-tariffs:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 992px) { .contracts-tariffs { width: 290px; } } @media only screen and (min-width: 1200px) { .contracts-tariffs { width: 350px; height: 90px; } } .contracts-tariffs .icon { font-size: 54px; line-height: 58px; display: flex; justify-content: start; align-items: center; margin-right: 35px; } [data-segment='varejo'] .contracts-tariffs .icon, [data-segment='uniclass'] .contracts-tariffs .icon, [data-segment='private'] .contracts-tariffs .icon, [data-segment='cartoes'] .contracts-tariffs .icon, [data-segment='empresas'] .contracts-tariffs .icon { color: #EC7000; } [data-segment='personnalite'] .contracts-tariffs .icon { color: #D0A967; } .contracts-tariffs .icon:before { height: 100%; } @media only screen and (min-width: 768px) { .contracts-tariffs .icon { margin-right: 17px; } } @media only screen and (min-width: 1200px) { .contracts-tariffs .icon { font-size: 58px; } } .contracts-tariffs__inner { display: flex; height: 100%; } .contracts-tariffs__inner h3 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } .contracts-tariffs__inner p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; color: #252220; padding-top: 5px; } .contracts-tariffs__inner a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #007AB7 !important; cursor: pointer; display: block; text-decoration: underline; position: absolute; bottom: 8px; } @media only screen and (min-width: 768px) { .contracts-tariffs__inner a { bottom: 16px; } } .contracts-tariffs__inner .content { width: 100%; height: 100%; } .btn-open { display: none; } .coach-mark-tela1 .modal-dialog { max-width: 850px; } .coach-mark-tela1 .modal-dialog .modal-content { border: 0; max-height: 460px; padding-right: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .image-box { padding: 0; width: 400px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .image-box .img-fluid { height: 460px; border-radius: 8px 0 0 8px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .text-box { padding-right: 0; padding-left: 0; width: 450px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-header { border: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-header span { font-size: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body { margin-top: 23px; padding: 0.7rem; margin-bottom: 71px; padding-right: 32px; padding-left: 32px; min-height: 221px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body > div { width: 386px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body span { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 24px; line-height: 30px; color: #EC7000; margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body p.first { margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-body p b { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #13100E; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-footer { border: 0; padding-left: 32px; padding-right: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-footer .button-back { border: 1px solid #106EB0; background: #FFFFFF; border-radius: 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #106EB0; text-align: center; line-height: 28px; margin-right: 38px; width: 185px; height: 48px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-footer .button-next { background: #EC7000; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #FFFFFF; border-radius: 4px; height: 48px; width: 236px; } .coach-mark-tela1 .modal-dialog .modal-content .page1 .modal-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; color: #007AB7; line-height: 24px; margin-right: 62px; text-decoration: underline; cursor: pointer; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .image-box { padding: 0; width: 400px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .image-box .img-fluid { height: 460px; border-radius: 8px 0 0 8px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .text-box { padding-right: 0; padding-left: 0; width: 450px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-header { border: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-header span { font-size: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body { margin-top: 23px; padding: 0.7rem; margin-bottom: 71px; padding-right: 32px; padding-left: 32px; min-height: 221px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body .overwrite { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; line-height: 20px; margin-bottom: 16px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body span { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 24px; line-height: 30px; color: #EC7000; margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body p.first { margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-body p b { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #13100E; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-footer { border: 0; padding-left: 32px; padding-right: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-footer .button-back { border: 1px solid #106EB0; background: #FFFFFF; border-radius: 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #106EB0; text-align: center; line-height: 28px; margin-right: 24px; width: 185px; height: 48px; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-footer .button-next { background: #EC7000; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #FFFFFF; border-radius: 4px; height: 48px; width: 185px; margin-left: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page2 .modal-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; color: #007AB7; line-height: 24px; margin-right: 62px; text-decoration: underline; cursor: pointer; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .image-box { padding: 0; width: 400px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .image-box .img-fluid { height: 460px; border-radius: 8px 0 0 8px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .text-box { padding-right: 0; padding-left: 0; width: 450px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-header { border: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-header span { font-size: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body { margin-top: 23px; padding: 0.7rem; margin-bottom: 60px; padding-right: 32px; padding-left: 32px; min-height: 221px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body .overwrite { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; line-height: 20px; margin-bottom: 16px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body span { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 24px; line-height: 30px; color: #EC7000; margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body p.first { margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-body p b { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #13100E; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-footer { border: 0; padding-left: 32px; padding-right: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-footer .button-back { border: 1px solid #106EB0; background: #FFFFFF; border-radius: 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #106EB0; text-align: center; line-height: 28px; margin-right: 24px; width: 185px; height: 48px; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-footer .button-next { background: #EC7000; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #FFFFFF; border-radius: 4px; height: 48px; width: 185px; margin-left: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page3 .modal-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; color: #007AB7; line-height: 24px; margin-right: 22px; text-decoration: underline; cursor: pointer; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .image-box { padding: 0; width: 400px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .image-box .img-fluid { height: 460px; border-radius: 8px 0 0 8px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .text-box { padding-right: 0; padding-left: 0; width: 450px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-header { border: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-header span { font-size: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body { margin-top: 23px; padding: 0.7rem; margin-bottom: 36px; padding-right: 32px; padding-left: 32px; min-height: 221px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body .overwrite { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; line-height: 20px; margin-bottom: 16px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body span { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 24px; line-height: 30px; color: #EC7000; margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body p.first { margin-bottom: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-body p b { font-family: 'ItauText-Bold', 'Myriad Pro', Arial; color: #13100E; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-footer { border: 0; padding-left: 32px; padding-right: 24px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-footer .button-back { border: 1px solid #106EB0; background: #FFFFFF; border-radius: 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #106EB0; text-align: center; line-height: 28px; margin-right: 24px; width: 185px; height: 48px; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-footer .button-site { background: #EC7000; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; color: #FFFFFF; border-radius: 4px; height: 48px; width: 185px; margin-left: 0; } .coach-mark-tela1 .modal-dialog .modal-content .page4 .modal-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; color: #007AB7; line-height: 24px; margin-right: 22px; text-decoration: underline; cursor: pointer; } .carousel-with-cards { /* ============================================================= Controls, arrow right and left ============================================================= */ /* ============================================================= Timeline ============================================================= */ /* ============================================================= Helpers ============================================================= */ } .carousel-with-cards .container, .carousel-with-cards .carousel-inner, .carousel-with-cards .item-carousel, .carousel-with-cards .content-corousel, .carousel-with-cards .container > .row { height: 100%; } .carousel-with-cards .carousel-text .text-header p { font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #003767; line-height: 20px; margin-top: 32px; } @media only screen and (min-width: 768px) { .carousel-with-cards .carousel-text .text-header p { margin-top: 64px; } } .carousel-with-cards .carousel-text .text-header h2 { margin-top: 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; color: #003767; line-height: 33px; margin-bottom: 16px; } @media only screen and (min-width: 768px) { .carousel-with-cards .carousel-text .text-header h2 { margin-bottom: 24px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 1200px) { .carousel-with-cards .carousel-text .text-header h2 { margin-bottom: 40px; } } .carousel-with-cards .carousel-text .text-body .item { margin-top: 8px; margin-bottom: 24px; } @media only screen and (min-width: 576px) { .carousel-with-cards .carousel-text .text-body .item { margin-bottom: 32px; } } .carousel-with-cards .carousel-text .text-body .item-header span { font-size: 40px; color: #EC7000; letter-spacing: 0; } .carousel-with-cards .carousel-text .text-body .item-header h3 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 18px; color: #312D2B; line-height: 27px; margin-top: 8px; } @media only screen and (min-width: 768px) { .carousel-with-cards .carousel-text .text-body .item-header h3 { font-size: 20px; line-height: 30px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .carousel-with-cards .carousel-text .text-body .item-header { height: 98px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .carousel-with-cards .carousel-text .text-body .item-header h3 { margin-left: 32px; } } @media only screen and (max-width: 767px) { .carousel-with-cards .carousel-text .text-body .item-header { display: flex; flex: 1 1 auto; flex-direction: column; } } .carousel-with-cards .carousel-text .text-body .item-body { margin-top: 16px; } @media only screen and (min-width: 768px) { .carousel-with-cards .carousel-text .text-body .item-body { display: flex; flex: 1 1 auto; flex-direction: column; } } .carousel-with-cards .carousel-text .text-body .item-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; color: #252220; line-height: 24px; } .carousel-with-cards .carousel-text .text-body .item-footer { margin-top: 8px; } .carousel-with-cards .carousel-text .text-body .item-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; color: #007AB7; text-decoration: underline; } @media only screen and (min-width: 768px) { .carousel-with-cards .carousel-text .text-body .item-footer a { font-size: 16px; line-height: 24px; } } .carousel-with-cards .carousel-image { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; position: absolute; right: 0; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .carousel-with-cards .carousel-image.show { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .carousel-with-cards .icon-itaufonts_seta_right, .carousel-with-cards .icon-itaufonts_seta { font-size: 48px; color: #605751; letter-spacing: 0; text-align: center; } .carousel-with-cards .control-prev, .carousel-with-cards .control-next { position: absolute; top: 53%; text-decoration: none; } .carousel-with-cards .disable-arrow { opacity: 0.25; } .carousel-with-cards .control-prev { left: -74px; } @media screen and (min-width: 768px) and (max-width: 991px) { .carousel-with-cards .control-prev { left: 0; } } .carousel-with-cards .control-next { right: -74px; } @media screen and (min-width: 768px) and (max-width: 991px) { .carousel-with-cards .control-next { right: 0; } } .carousel-with-cards .indicators { bottom: 32px; } @media only screen and (min-width: 768px) { .carousel-with-cards .indicators { bottom: 64px; } } .carousel-with-cards .indicators > div { width: auto; height: auto; margin-right: 0; margin-left: 0; text-indent: 0; background-color: transparent; } .carousel-with-cards .indicators > div .timeline { margin-right: 12px; margin-left: 12px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .carousel-with-cards .indicators > div .timeline-number { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; color: #73706E; margin-right: 12px; margin-left: 12px; } @media only screen and (min-width: 768px) { .carousel-with-cards .indicators > div .timeline-number { font-size: 20px; } } .carousel-with-cards .indicators > div:not(.active) .timeline-progress { width: 0 !important; } .carousel-with-cards .indicators > div.active { background-color: transparent; } .carousel-with-cards .indicators > div.active .timeline-bar { height: 2px; opacity: 0.9; width: 25px; border-bottom: 1px solid #D8D8D8; margin-bottom: 5px; position: relative; } @media only screen and (min-width: 768px) { .carousel-with-cards .indicators > div.active .timeline-bar { width: 80px; } } .carousel-with-cards .indicators > div.active .timeline-progress { transition: width 0.3s ease-in-out; background-color: #003767; height: 2px; position: absolute; } .carousel-with-cards .indicators > div.active .timeline-number { color: #003767; } @media only screen and (min-width: 1200px) and (max-width: 1260px) { .carousel-with-cards .col-lg-6.offset-lg-1.col-xl-6 { max-width: 47%; } } .carousel-with-cards .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .carousel-with-cards .equal > [class*='col-'] { display: flex; flex-direction: column; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .carousel-container-v2 .carousel-container__list.with-zoom { height: inherit !important; } .carousel-container-v2 .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .carousel-container-v2 .item-a { width: 200px; height: 200px; } .carousel-container-v2 .container { padding: 32px 5px; } @media screen and (min-width: 576px) and (max-width: 767px) { .carousel-container-v2 .container { padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; } .carousel-container-v2 .container .carousel-container__inner { padding-left: 0 !important; padding-right: 0 !important; } } .carousel-container-v2 .container.hide-padding-bottom { padding-bottom: 0; } .carousel-container-v2 .container-button { padding-left: 15px; padding-right: 15px; } .carousel-container-v2 .lSPager li:not(.active) .timeline-track { width: 0% !important; } .carousel-container-v2 .lSPager a { display: block; } .carousel-container-v2 .lSPager .slick-count { display: flex; align-items: center; } .carousel-container-v2 .lSPager .counter { margin-right: 12px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSPager .counter { font-size: 20px; } } .carousel-container-v2 .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .carousel-container-v2 .lSPager .timeline { background: #cbcbcb; } .carousel-container-v2 .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #4F758B; } .carousel-container-v2 .lSPager li { margin: 0 0 0 12px; width: auto; } .carousel-container-v2 .lSPager li a { color: #605751; } .carousel-container-v2 .lSPager li a:hover { text-decoration: none; } .carousel-container-v2 .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSPager li.active .timeline { width: 80px; } } .carousel-container-v2 .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .carousel-container-v2 .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .carousel-container-v2 .lSPager li.active a { color: #876632; } [data-segment='varejo'] .carousel-container-v2 .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .carousel-container-v2 .lSPager li.active a { color: #252220; } .carousel-container-v2 .lSAction { width: 0; height: 0; z-index: 10; } .carousel-container-v2 .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #605751; } .carousel-container-v2 .lSAction .lSPrev { left: -45px; font-family: 'itau-icon'; font-size: 42px; color: #605751; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSAction .lSPrev { left: -23px; } } @media only screen and (min-width: 992px) { .carousel-container-v2 .lSAction .lSPrev { left: -25px; } } @media only screen and (min-width: 1200px) { .carousel-container-v2 .lSAction .lSPrev { left: -32px; } } .carousel-container-v2 .lSAction .lSPrev:before { content: '\e9b1'; } .carousel-container-v2 .lSAction .lSNext { right: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSAction .lSNext { right: -11px; } } @media only screen and (min-width: 992px) { .carousel-container-v2 .lSAction .lSNext { right: -10px; } } @media only screen and (min-width: 1200px) { .carousel-container-v2 .lSAction .lSNext { right: -14px; } } .carousel-container-v2 .lSAction .lSNext:before { content: '\e9cd'; } .carousel-container-v2__title { position: relative; } @media only screen and (max-width: 575px) { .carousel-container-v2__title { padding-bottom: 24px; } } @media only screen and (max-width: 767px) { .carousel-container-v2__title { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .carousel-container-v2__title h2 { padding: 0 0 8px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .carousel-container-v2__title h2 { color: #003767; } [data-segment='personnalite'] .carousel-container-v2__title h2 { color: #252220; } [data-segment='varejo'] .carousel-container-v2__title h2 { color: #EC7000; } [data-segment='uniclass'] .carousel-container-v2__title h2 { color: #252220; } [data-segment='cartoes'] .carousel-container-v2__title h2 { color: #003767; } [data-segment='private'] .carousel-container-v2__title h2 { color: #252220; } @media only screen and (min-width: 768px) { .carousel-container-v2__title h2 { font-size: 32px; line-height: 48px; } } .carousel-container-v2__title p { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; line-height: 27px; } .carousel-container-v2__title p:first-child { display: block; } [data-segment='empresas'] .carousel-container-v2__title p { color: #312D2B; } [data-segment='personnalite'] .carousel-container-v2__title p { color: #252220; } [data-segment='uniclass'] .carousel-container-v2__title p { color: #312D2B; } @media only screen and (min-width: 768px) { .carousel-container-v2__title p { font-size: 20px; line-height: 30px; } } .carousel-container-v2__title .overwrite { padding: 0 0 4px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .carousel-container-v2 .button { display: block; margin: 50px auto auto; padding: 14px 15px 8px; font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .carousel-container-v2 .button, [data-segment='varejo'] .carousel-container-v2 .button, [data-segment='uniclass'] .carousel-container-v2 .button, [data-segment='cartoes'] .carousel-container-v2 .button, [data-segment='private'] .carousel-container-v2 .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .carousel-container-v2 .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .carousel-container-v2 .button { width: 100%; } } @media only screen and (min-width: 576px) { .carousel-container-v2 .button { width: 240px; } } @media only screen and (min-width: 768px) { .carousel-container-v2 .button { width: 290px; } } @media only screen and (min-width: 1200px) { .carousel-container-v2 .button { width: 350px; } } @media only screen and (min-width: 768px) { .carousel-container-v2 .button { font-size: 19px; } } .carousel-container-v2 .button:hover { background: #D27000; } [data-segment='personnalite'] .carousel-container-v2 .button:hover { background: #D6B782; } .carousel-container-v2.authoring-mode { display: block; text-align: center; } .carousel-container-v2--is-carousel { flex-wrap: nowrap; } .carousel-container-v2 .lSSlideWrapper { margin-bottom: 27px; } .carousel-container-v2 .slick-list { padding: 6px !important; } .carousel-container-v2 .slick-list .slick-track { display: flex !important; margin-left: 16px; } @media only screen and (min-width: 576px) { .carousel-container-v2 .slick-list .slick-track { margin-left: 35px; } } @media only screen and (min-width: 768px) { .carousel-container-v2 .slick-list .slick-track { margin-left: 0; padding-left: 0; } } .carousel-container-v2 .slick-list .slick-track .slick-slide { display: flex !important; height: auto !important; } .carousel-container-v2 .lSPager { bottom: -60px; } @media only screen and (min-width: 576px) { .carousel-container-v2 .lSPager { bottom: -50px; } } .carousel-container-v2 .lSPager li:not(.active) .timeline-track { width: 0% !important; } .carousel-container-v2 .lSPager a { display: block; } .carousel-container-v2 .lSPager .slick-count { display: flex; align-items: center; } .carousel-container-v2 .lSPager .counter { margin-right: 12px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSPager .counter { font-size: 20px; } } .carousel-container-v2 .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .carousel-container-v2 .lSPager .timeline { background: #cbcbcb; } .carousel-container-v2 .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #4F758B; } [data-segment='private'] .carousel-container-v2 .lSPager .timeline .timeline-track { background: #EC7000; } .carousel-container-v2 .lSPager li { margin: 0 0 0 12px; width: auto; } .carousel-container-v2 .lSPager li a { color: #605751; } .carousel-container-v2 .lSPager li a:hover { text-decoration: none; } .carousel-container-v2 .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .carousel-container-v2 .lSPager li.active .timeline { width: 80px; } } .carousel-container-v2 .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .carousel-container-v2 .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .carousel-container-v2 .lSPager li.active a { color: #876632; } [data-segment='varejo'] .carousel-container-v2 .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .carousel-container-v2 .lSPager li.active a { color: #252220; } .carousel-container-v2 .transcription-modal { padding: 0 !important; line-height: 21px; } .carousel-container-v2 .transcription-modal .modal-dialog { max-width: 100%; height: 100%; margin: 0px; } .carousel-container-v2 .transcription-modal .modal-dialog .modal-content { height: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .carousel-container-v2 .transcription-modal .modal-dialog .modal-content .modal-body { height: 100%; overflow: auto; } .carousel-container-v2 .bg-gradient-blue .lSPager li a, .carousel-container-v2 .bg-gradient-darkBlue .lSPager li a { color: #FFFFFF; } .carousel-container-v2 .bg-gradient-blue .lSPager li a .counter, .carousel-container-v2 .bg-gradient-darkBlue .lSPager li a .counter { color: #FFFFFF; } .carousel-container-v2 .bg-gradient-blue .lSPager li a .timeline .timeline-track, .carousel-container-v2 .bg-gradient-darkBlue .lSPager li a .timeline .timeline-track { background: #FFFFFF; } @charset "UTF-8"; .carousel-container-item { position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .carousel-container-item.with-zoom { height: inherit !important; } .carousel-container-item .card-title { margin-bottom: 0; } .bg-grey .carousel-container-item { background-color:   #EFE9E5; } .bg-white .carousel-container-item  { background-color:   #FFFFFF; } .carousel-container-item .caption__link { display: none; text-decoration: none; } .carousel-container-item .caption__link:hover { text-decoration: none; } .edit-mode .carousel-container-item { margin: 0 20px 20px 0; } .carousel-container-item .link { color: #007AB7; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; text-decoration: underline; } .carousel-container-item a.card__inner:hover { text-decoration: none; color: inherit; } .carousel-container-item .card__inner { display: flex; flex-direction: column; flex-grow: 1; } @media only screen and (min-width: 576px) { .carousel-container-item .card__inner { flex-direction: row; } } @media only screen and (min-width: 768px) { .carousel-container-item .card__inner { flex-direction: column; } } .carousel-container-item .open-youtube-modal { position: absolute; display: flex; font-size: 120px; z-index: 1; color: #FFFFFF; top: 50%; left: 50%; opacity: 0.54; text-decoration: none; transform: translate(-50%, -50%); } @media screen and (min-width: 320px) and (max-width: 767px) { .carousel-container-item .open-youtube-modal { font-size: 5em; } } @media screen and (min-width: 768px) and (max-width: 991px) { .carousel-container-item .open-youtube-modal { font-size: 6em; } } .carousel-container-item .thumbnail_effect img { margin-right: 0 !important; } .carousel-container-item .thumbnail_effect div.card__thumbnail__opacity { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.41); } .carousel-container-item .thumbnail_effect .video-transcription { white-space: nowrap; cursor: pointer; position: absolute; font-family: "ItauText-Regular", "Myriad Pro", Arial; display: flex; z-index: 1; color: #FFFFFF; top: 90%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; line-height:  26px; text-decoration: underline; letter-spacing: 0; } @media only screen and (max-width: 767px) { .carousel-container-item .thumbnail_effect .video-transcription { font-size: 18px; } } .carousel-container-item .card__thumbnail__icon-center { position: relative; } .carousel-container-item .card__thumbnail img { object-fit: cover; display: block; width: 100%; border-radius: 5px 5px 0 0; } @media only screen and (min-width: 576px) { .carousel-container-item .card__thumbnail img { border-radius: 5px 0 0 5px; } } @media only screen and (min-width: 768px) { .carousel-container-item .card__thumbnail img { width: 100%; border-radius: 5px 5px 0 0; } } .carousel-container-item .card__caption h1, .carousel-container-item .card__caption h2, .carousel-container-item .card__caption h3, .carousel-container-item .card__caption h4, .carousel-container-item .card__caption h5, .carousel-container-item .card__caption h6 { padding: 0 0 8px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; line-height: 30px; } [data-segment='empresas'] .carousel-container-item .card__caption h1, [data-segment='empresas'] .carousel-container-item .card__caption h2, [data-segment='empresas'] .carousel-container-item .card__caption h3, [data-segment='empresas'] .carousel-container-item .card__caption h4, [data-segment='empresas'] .carousel-container-item .card__caption h5, [data-segment='empresas'] .carousel-container-item .card__caption h6 { color: #003767; } [data-segment='personnalite'] .carousel-container-item .card__caption h1, [data-segment='personnalite'] .carousel-container-item .card__caption h2, [data-segment='personnalite'] .carousel-container-item .card__caption h3, [data-segment='personnalite'] .carousel-container-item .card__caption h4, [data-segment='personnalite'] .carousel-container-item .card__caption h5, [data-segment='personnalite'] .carousel-container-item .card__caption h6 { color: #252220; } [data-segment='varejo'] .carousel-container-item .card__caption h1, [data-segment='varejo'] .carousel-container-item .card__caption h2, [data-segment='varejo'] .carousel-container-item .card__caption h3, [data-segment='varejo'] .carousel-container-item .card__caption h4, [data-segment='varejo'] .carousel-container-item .card__caption h5, [data-segment='varejo'] .carousel-container-item .card__caption h6 { color: #312D2B; } [data-segment='uniclass'] .carousel-container-item .card__caption h1, [data-segment='uniclass'] .carousel-container-item .card__caption h2, [data-segment='uniclass'] .carousel-container-item .card__caption h3, [data-segment='uniclass'] .carousel-container-item .card__caption h4, [data-segment='uniclass'] .carousel-container-item .card__caption h5, [data-segment='uniclass'] .carousel-container-item .card__caption h6 { color: #4F758B; } [data-segment='private'] .carousel-container-item .card__caption h1, [data-segment='private'] .carousel-container-item .card__caption h2, [data-segment='private'] .carousel-container-item .card__caption h3, [data-segment='private'] .carousel-container-item .card__caption h4, [data-segment='private'] .carousel-container-item .card__caption h5, [data-segment='private'] .carousel-container-item .card__caption h6 { color: #252220; } @media screen and (min-width: 576px) and (max-width: 767px) { .carousel-container-item .card__caption h1, .carousel-container-item .card__caption h2, .carousel-container-item .card__caption h3, .carousel-container-item .card__caption h4, .carousel-container-item .card__caption h5, .carousel-container-item .card__caption h6 { padding: 0px; } } .carousel-container-item .card__caption p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; color: #252220; } .carousel-container-item__footer .button { margin: 0 auto auto; width: 100%; } .lSAction { margin-top: 0 !important; } .lSAction a:hover { text-decoration: none; } .two-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { display: flex; } @media screen and (min-width: 320px) and (max-width: 767px) { .two-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { display: block; } } @media only screen and (min-width: 768px) { .two-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { justify-content: space-between; } } .three-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode), .four-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { display: block; } @media only screen and (min-width: 992px) { .three-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode), .four-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { display: flex; justify-content: space-between; } } @media only screen and (min-width: 1200px) { .three-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode), .four-cards .image-with-text-outside .carousel-container__list:not(.ul-edit-mode) { display: flex; justify-content: space-between; } } @media only screen and (min-width: 320px) { .image-with-text-outside .lSSlideWrapper .caption__sub { margin-top: 8px; font-size: 14px; line-height: 21px; } .image-with-text-outside .lSSlideWrapper .caption__title { margin-top: 24px; font-size: 18px; line-height: 27px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .lSSlideWrapper .caption__sub { margin-top: 0px; } .image-with-text-outside .lSSlideWrapper div.card-box { text-align: left; } .image-with-text-outside .lSSlideWrapper div.card-box .link { font-size: 14px; line-height: 21px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .image-with-text-outside .lSSlideWrapper .carousel-container-item { display: flex; justify-content: center; } } .image-with-text-outside .lSAction > a { top: calc(50% - 48px); } @media only screen and (min-width: 992px) { .image-with-text-outside .carousel-container-item { width: 200px; } } .image-with-text-outside .carousel-container-item .card__footer { padding: 0; margin-top: 16px !important; } @media only screen and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card__footer { width: 164px; } } .image-with-text-outside .carousel-container-item .card__footer.with-zoom { width: auto; margin-top: 0 !important; } .image-with-text-outside .carousel-container-item .card__body { padding: 0; height: auto; } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card__body { width: 209px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card__body { margin-left: 14px; } } @media only screen and (min-width: 320px) { .image-with-text-outside .carousel-container-item .card__body h3 { font-size: 18px; line-height: 27px; } .image-with-text-outside .carousel-container-item .card__body p { font-size: 14px; line-height: 21px; } } @media only screen and (min-width: 768px) { .image-with-text-outside .carousel-container-item .card__body h3 { font-size: 20px; line-height: 30px; } .image-with-text-outside .carousel-container-item .card__body p { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card__body .card-title { margin: 0; } } @media only screen and (max-width: 575px) { .image-with-text-outside .carousel-container-item .card__body .card-title { margin: 0; } } .image-with-text-outside .carousel-container-item .card__thumbnail img { border-radius: 0; } @media only screen and (min-width: 320px) { .one-card .image-with-text-outside .carousel-container-item .caption__sub, .two-cards .image-with-text-outside .carousel-container-item .caption__sub, .three-cards .image-with-text-outside .carousel-container-item .caption__sub, .four-cards .image-with-text-outside .carousel-container-item .caption__sub, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 84px; } } @media only screen and (min-width: 576px) { .one-card .image-with-text-outside .carousel-container-item .caption__sub, .two-cards .image-with-text-outside .carousel-container-item .caption__sub, .three-cards .image-with-text-outside .carousel-container-item .caption__sub, .four-cards .image-with-text-outside .carousel-container-item .caption__sub, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 50px; } .one-card .image-with-text-outside .carousel-container-item .caption__sub.with-zoom, .two-cards .image-with-text-outside .carousel-container-item .caption__sub.with-zoom, .three-cards .image-with-text-outside .carousel-container-item .caption__sub.with-zoom, .four-cards .image-with-text-outside .carousel-container-item .caption__sub.with-zoom, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub.with-zoom { height: auto; } } @media only screen and (max-width: 319px) { .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription, .three-cards .image-with-text-outside .carousel-container-item .video-transcription, .four-cards .image-with-text-outside .carousel-container-item .video-transcription, .more-than-four-cards .image-with-text-outside .carousel-container-item .video-transcription { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription, .three-cards .image-with-text-outside .carousel-container-item .video-transcription, .four-cards .image-with-text-outside .carousel-container-item .video-transcription, .more-than-four-cards .image-with-text-outside .carousel-container-item .video-transcription { font-size: 16px; } } @media only screen and (max-width: 575px) { .one-card .image-with-text-outside .carousel-container-item img, .one-card .image-with-text-outside .carousel-container-item .card__thumbnail, .two-cards .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .three-cards .image-with-text-outside .carousel-container-item img, .three-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .four-cards .image-with-text-outside .carousel-container-item img, .four-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .more-than-four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item .card__thumbnail { height: 171px; margin-right: 16px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .image-with-text-outside .carousel-container-item img, .one-card .image-with-text-outside .carousel-container-item .card__thumbnail, .two-cards .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .three-cards .image-with-text-outside .carousel-container-item img, .three-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .four-cards .image-with-text-outside .carousel-container-item img, .four-cards .image-with-text-outside .carousel-container-item .card__thumbnail, .more-than-four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item .card__thumbnail { height: 207px !important; width: 195px; margin-right: 16px; } } .one-card .image-with-text-outside .carousel-container-item .card__thumbnail.without-img, .two-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img, .three-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img, .four-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img, .more-than-four-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img { display: none; } .one-card .image-with-text-outside .carousel-container-item .card__thumbnail.without-img + .card__body, .two-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img + .card__body, .three-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img + .card__body, .four-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img + .card__body, .more-than-four-cards .image-with-text-outside .carousel-container-item .card__thumbnail.without-img + .card__body { width: 100%; } .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription { top: 94%; } @media screen and (min-width: 320px) and (max-width: 575px) { .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription { top: 88%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription { top: 92%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .one-card .image-with-text-outside .carousel-container-item .video-transcription, .two-cards .image-with-text-outside .carousel-container-item .video-transcription { top: 91%; } } @media only screen and (min-width: 576px) { .one-card .image-with-text-outside .carousel-container-item .caption__sub, .two-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 126px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .one-card .image-with-text-outside .carousel-container-item .caption__sub, .two-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 72px; } } @media only screen and (min-width: 1200px) { .one-card .image-with-text-outside .carousel-container-item .caption__sub, .two-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 48px; } } @media only screen and (max-width: 319px) { .one-card .image-with-text-outside .carousel-container-item, .two-cards .image-with-text-outside .carousel-container-item { min-height: 171px; } } @media only screen and (min-width: 576px) { .one-card .image-with-text-outside .carousel-container-item, .two-cards .image-with-text-outside .carousel-container-item { width: 330px; } } @media only screen and (min-width: 768px) { .one-card .image-with-text-outside .carousel-container-item, .two-cards .image-with-text-outside .carousel-container-item { width: 330px; } } @media only screen and (min-width: 992px) { .one-card .image-with-text-outside .carousel-container-item, .two-cards .image-with-text-outside .carousel-container-item { width: 450px; } } @media only screen and (min-width: 1200px) { .one-card .image-with-text-outside .carousel-container-item, .two-cards .image-with-text-outside .carousel-container-item { width: 540px; } } @media only screen and (max-width: 319px) { .one-card .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item img { height: 171px; } } @media only screen and (min-width: 320px) { .one-card .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item img { height: 171px; border-radius: 0px; } } @media only screen and (min-width: 768px) { .one-card .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item img { height: 246px; border-radius: 0px; } } @media only screen and (min-width: 992px) { .one-card .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item img { height: 392px; } } @media only screen and (min-width: 1200px) { .one-card .image-with-text-outside .carousel-container-item img, .two-cards .image-with-text-outside .carousel-container-item img { height: 392px; margin: 0; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .three-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 96px; } } @media only screen and (min-width: 1200px) { .three-cards .image-with-text-outside .carousel-container-item .caption__sub { height: 72px; } } @media only screen and (min-width: 320px) { .three-cards .image-with-text-outside .carousel-container-item { width: 195px; } } @media only screen and (min-width: 576px) { .three-cards .image-with-text-outside .carousel-container-item { width: 330px; } } @media only screen and (min-width: 768px) { .three-cards .image-with-text-outside .carousel-container-item { width: 250px; } } @media only screen and (min-width: 992px) { .three-cards .image-with-text-outside .carousel-container-item { width: 270px; } } @media only screen and (min-width: 1200px) { .three-cards .image-with-text-outside .carousel-container-item { width: 340px; } } @media only screen and (min-width: 320px) { .three-cards .image-with-text-outside .carousel-container-item img { height: 171px; } } @media only screen and (min-width: 768px) { .three-cards .image-with-text-outside .carousel-container-item img { height: 201px; } } @media only screen and (min-width: 992px) { .three-cards .image-with-text-outside .carousel-container-item img { height: 215px; } } @media only screen and (min-width: 1200px) { .three-cards .image-with-text-outside .carousel-container-item img { height: 254px; } } @media only screen and (min-width: 768px) { .four-cards .image-with-text-outside .carousel-container-item .caption__sub, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 96px; } } @media only screen and (min-width: 992px) { .four-cards .image-with-text-outside .carousel-container-item .caption__sub, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 120px; } } @media only screen and (min-width: 1200px) { .four-cards .image-with-text-outside .carousel-container-item .caption__sub, .more-than-four-cards .image-with-text-outside .carousel-container-item .caption__sub { min-height: 96px; } } .four-cards .image-with-text-outside .carousel-container-item .open-youtube-modal, .more-than-four-cards .image-with-text-outside .carousel-container-item .open-youtube-modal { top: 50%; } .four-cards .image-with-text-outside .carousel-container-item span.icon-itaufonts_video, .more-than-four-cards .image-with-text-outside .carousel-container-item span.icon-itaufonts_video { font-size: 80px; } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards .image-with-text-outside .carousel-container-item span.icon-itaufonts_video, .more-than-four-cards .image-with-text-outside .carousel-container-item span.icon-itaufonts_video { font-size: 100px; } } .four-cards .image-with-text-outside .carousel-container-item .video-transcription, .more-than-four-cards .image-with-text-outside .carousel-container-item .video-transcription { font-size: 16px; top: 82%; } @media screen and (min-width: 320px) and (max-width: 991px) { .four-cards .image-with-text-outside .carousel-container-item .video-transcription, .more-than-four-cards .image-with-text-outside .carousel-container-item .video-transcription { top: 90%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards .image-with-text-outside .carousel-container-item .video-transcription, .more-than-four-cards .image-with-text-outside .carousel-container-item .video-transcription { font-size: 20px; } } @media only screen and (min-width: 320px) { .four-cards .image-with-text-outside .carousel-container-item, .more-than-four-cards .image-with-text-outside .carousel-container-item { width: 195px; } } @media only screen and (min-width: 576px) { .four-cards .image-with-text-outside .carousel-container-item, .more-than-four-cards .image-with-text-outside .carousel-container-item { width: 330px; } } @media only screen and (min-width: 768px) { .four-cards .image-with-text-outside .carousel-container-item, .more-than-four-cards .image-with-text-outside .carousel-container-item { width: 270px; } } @media only screen and (min-width: 992px) { .four-cards .image-with-text-outside .carousel-container-item, .more-than-four-cards .image-with-text-outside .carousel-container-item { width: 200px; } } @media only screen and (min-width: 1200px) { .four-cards .image-with-text-outside .carousel-container-item, .more-than-four-cards .image-with-text-outside .carousel-container-item { width: 245px; } } @media only screen and (max-width: 319px) { .four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item img { height: 171px; } } @media only screen and (min-width: 768px) { .four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item img { height: 201px; } } @media only screen and (min-width: 992px) { .four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item img { height: 155px; } } @media only screen and (min-width: 1200px) { .four-cards .image-with-text-outside .carousel-container-item img, .more-than-four-cards .image-with-text-outside .carousel-container-item img { height: 185px; } } .image-with-text-outside .carousel-container-item .card-box .caption__title { margin-top: 24px; margin-bottom: 8px; } @media only screen and (max-width: 575px) { .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 75px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 81px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 60px; } } @media only screen and (max-width: 575px) { .image-with-text-outside .carousel-container-item .card-box .caption__title { margin-top: 16px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-outside .carousel-container-item .card-box .caption__title { margin-top: 0px; } } @media only screen and (min-width: 768px) { .one-card .image-with-text-outside .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 60px; } } @media only screen and (min-width: 992px) { .three-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 60px; } .four-cards .image-with-text-outside .carousel-container-item .card-box .caption__title, .more-than-four-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 90px; } } @media only screen and (min-width: 1200px) { .one-card .image-with-text-outside .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { height: auto; padding: 0; } .three-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 60px; } .four-cards .image-with-text-outside .carousel-container-item .card-box, .more-than-four-cards .image-with-text-outside .carousel-container-item .card-box { width: 255px; } .four-cards .image-with-text-outside .carousel-container-item .card-box .caption__title, .more-than-four-cards .image-with-text-outside .carousel-container-item .card-box .caption__title { min-height: 60px; } } .image-with-text-inside .lSAction > a { top: calc(55%) !important; } .carousel-container-item { overflow: visible; } .image-with-text-inside .carousel-container-item { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); border-radius: 5px; } .image-with-text-inside .carousel-container-item .card-box { height: 258px; border: 0; margin: 0 auto; position: relative; cursor: pointer; } .image-with-text-inside .carousel-container-item .card-box .card-title { z-index: 2; position: absolute; bottom: 0; margin: 0; display: flex !important; flex-direction: column-reverse; } .image-with-text-inside .carousel-container-item .card-box .card-title .caption__title { display: none; } .image-with-text-inside .carousel-container-item .card-box .card-title h3 { padding: 16px; height: 115px; color: #FFFFFF; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; display: flex; align-items: flex-end; } @media only screen and (max-width: 319px) { .image-with-text-inside .carousel-container-item .card-box .card-title h3 { height: 141px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .image-with-text-inside .carousel-container-item .card-box .card-title h3 { height: 144px; } } .image-with-text-inside .carousel-container-item .card-box .card-title p { display: none; } .image-with-text-inside .carousel-container-item .card-box .card-bg { height: 70%; width: 100%; z-index: 5; position: absolute; border-radius: 5px; display: flex; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .image-with-text-inside .carousel-container-item .card-box .card__footer { display: none; } .image-with-text-inside .carousel-container-item .card-box .card__inner { height: 100%; width: 100%; } @media only screen and (min-width: 576px) { .image-with-text-inside .carousel-container-item .card-box .card__inner { flex-direction: column; } } .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail { height: 100%; width: 100%; } .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail img { border-radius: 5px; } @media only screen and (max-width: 319px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail img { height: 260px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail img { height: 260px; } } @media only screen and (min-width: 576px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail img { height: 260px !important; } } @media only screen and (min-width: 768px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail img { height: 260px; } } .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail .caption__link { display: flex; position: absolute; height: 100%; width: 100%; align-items: flex-end; z-index: 10; } .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail .caption__link h3 { padding: 16px; height: 115px; color: #FFFFFF; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 20px; display: flex; align-items: flex-end; } @media only screen and (max-width: 319px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail .caption__link h3 { height: 141px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .image-with-text-inside .carousel-container-item .card-box .card__inner .card__thumbnail .caption__link h3 { height: 144px; } } /* comentario remover */ .image-with-text-center .card-box { height: 100%; } .image-with-text-center .card-box .card__inner { height: inherit; } .image-with-text-center .card-box .card__inner .card__body { height: inherit; display: flex; flex-direction: column; } .image-with-text-center .container { padding: 32px 0; } .two-cards .image-with-text-center .carousel-container__list { display: flex; } @media screen and (min-width: 320px) and (max-width: 767px) { .two-cards .image-with-text-center .carousel-container__list { display: block; } } @media only screen and (min-width: 768px) { .two-cards .image-with-text-center .carousel-container__list { justify-content: space-between; } } @media only screen and (min-width: 992px) { .two-cards .image-with-text-center .carousel-container__list { justify-content: center; } .two-cards .image-with-text-center .carousel-container__list .carousel-container-item:nth-child(2n) { margin: 0 0 0 96px; } } .three-cards .image-with-text-center .carousel-container__list, .four-cards .image-with-text-center .carousel-container__list { display: block; } @media only screen and (min-width: 992px) { .three-cards .image-with-text-center .carousel-container__list, .four-cards .image-with-text-center .carousel-container__list { display: flex; justify-content: space-between; } } @media only screen and (min-width: 1200px) { .three-cards .image-with-text-center .carousel-container__list, .four-cards .image-with-text-center .carousel-container__list { display: flex; justify-content: space-between; } } @media only screen and (min-width: 320px) { .image-with-text-center .lSSlideWrapper div.card-box .card__thumbnail { width: auto; min-height: 200px; } .image-with-text-center .lSSlideWrapper .caption__sub { margin-top: 8px; font-size: 14px; line-height: 21px; } .image-with-text-center .lSSlideWrapper .caption__title { margin-top: 24px; font-size: 18px; line-height: 27px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-center .lSSlideWrapper div.card-box { text-align: left; } .image-with-text-center .lSSlideWrapper div.card-box .card__thumbnail { width: 111px; height: 111px; flex-shrink: 0; margin-right: 24px; } .image-with-text-center .lSSlideWrapper div.card-box .link { font-size: 14px; line-height: 21px; } } @media only screen and (min-width: 768px) { .image-with-text-center .lSSlideWrapper .carousel-container-item { display: flex; justify-content: center; } .image-with-text-center .lSSlideWrapper .card-box { width: 269px; } } .image-with-text-center .carousel-container-item .card-box { text-align: center; } .image-with-text-center .carousel-container-item .card-box .caption__title { margin: auto; margin-top: 24px; } @media screen and (min-width: 576px) and (max-width: 767px) { .image-with-text-center .carousel-container-item .card-box .caption__title { margin-top: 0px; } } .image-with-text-center .carousel-container-item .card-box .caption__sub { margin: auto; margin-bottom: 16px; } @media only screen and (min-width: 320px) { .one-card .image-with-text-center .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .three-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { min-height: 54px; width: auto; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { min-height: 100px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .image-with-text-center .carousel-container-item .card-box .card__body, .two-cards .image-with-text-center .carousel-container-item .card-box .card__body, .three-cards .image-with-text-center .carousel-container-item .card-box .card__body, .four-cards .image-with-text-center .carousel-container-item .card-box .card__body, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .card__body { width: 195px; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .three-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { width: auto; height: auto; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { width: auto; height: auto; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub.with-zoom, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub.with-zoom, .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub.with-zoom, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub.with-zoom, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub.with-zoom { height: auto; } } @media only screen and (min-width: 768px) { .one-card .image-with-text-center .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 269px; min-height: 60px; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 268px; min-height: 90px; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 290px; min-height: 92px; } .four-cards .image-with-text-center .carousel-container-item .card-box .caption__title, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { min-height: 90px; width: auto; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub, .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { min-height: 90px; } } @media only screen and (min-width: 992px) { .one-card .image-with-text-center .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 331px; min-height: 54px; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 399px; min-height: 66px; } .three-cards .image-with-text-center .carousel-container-item .card-box { width: 290px; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 290px; min-height: 60px; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 290px; min-height: 91px; } .four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 210px; min-height: 90px; } .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 210px; min-height: 115px; } .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 210px; min-height: 57px; } .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 210px; min-height: 106px; } } @media only screen and (min-width: 1200px) { .one-card .image-with-text-center .carousel-container-item .card-box, .two-cards .image-with-text-center .carousel-container-item .card-box { width: 412px; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__title, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 412px; min-height: 55px; padding: 0; margin: 10px 0 8px 0; } .one-card .image-with-text-center .carousel-container-item .card-box .caption__sub, .two-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 362px; min-height: 58px; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__title { max-width: 290px; min-height: 60px; } .three-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 275px; min-height: 90px; } .four-cards .image-with-text-center .carousel-container-item .card-box { width: 255px; } .four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { min-height: 60px; } .four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 255px; min-height: 115px; } .more-than-four-cards .image-with-text-center .carousel-container-item .card-box { width: 255px; } .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__title { min-height: 60px; } .more-than-four-cards .image-with-text-center .carousel-container-item .card-box .caption__sub { max-width: 255px; min-height: 82px; } } .image-with-text-center .carousel-container-item .card-box .card__thumbnail { margin: 0 auto; width: 200px; } .image-with-text-center .carousel-container-item .card-box .card__thumbnail img { max-width: 200px; height: 100%; margin: 0 auto; object-fit: contain; } @media only screen and (min-width: 320px) { .card-default .lSSlideWrapper .caption__title { font-size: 20px; line-height: 30px; } .card-default .lSSlideWrapper .caption__sub { margin-top: 8px; font-size: 16px; line-height: 24px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-default .lSSlideWrapper .caption__sub { margin-top: 0px; } .card-default .lSSlideWrapper div.card-box { text-align: left; } .card-default .lSSlideWrapper div.card-box .link { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .card-default .lSSlideWrapper .carousel-container-item { display: flex; justify-content: center; } } .card-default .lSSlideOuter { overflow: visible; position: relative; } .card-default .lSSlideOuter .lSAction > a { top: calc(50% - 48px); } @media only screen and (min-width: 1200px) { .card-default .lSSlideOuter .lSAction .lSPrev { left: -43px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .card-default .lSSlideOuter .lSAction .lSPrev { left: -33px; } } @media only screen and (min-width: 1200px) { .card-default .lSSlideOuter .lSAction .lSNext { right: -22px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .card-default .lSSlideOuter .lSAction .lSNext { right: -19px; } } @media only screen and (min-width: 992px) { .card-default .carousel-container-item { min-width: 200px; } } .card-default .carousel-container-item .card__footer { margin-top: 20px; } @media only screen and (max-width: 767px) { .card-default .carousel-container-item .card__footer { width: 164px; } } .card-default .carousel-container-item .card__body { padding: 24px; } @media screen and (min-width: 576px) and (max-width: 767px) { .card-default .carousel-container-item .card__body { width: 157px; } } @media only screen and (min-width: 768px) { .card-default .carousel-container-item .card__body h3 { font-size: 20px; line-height: 30px; } .card-default .carousel-container-item .card__body p { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-default .carousel-container-item .card__body .card-title { margin: 0; } } @media only screen and (max-width: 575px) { .card-default .carousel-container-item .card__body .card-title { margin: 0; } } .card-default .carousel-container-item .card__thumbnail img { border-radius: 0; } @media only screen and (min-width: 320px) { .one-card .card-default .carousel-container-item .caption__sub, .two-cards .card-default .carousel-container-item .caption__sub, .three-cards .card-default .carousel-container-item .caption__sub, .four-cards .card-default .carousel-container-item .caption__sub, .more-than-four-cards .card-default .carousel-container-item .caption__sub { min-height: 95px; } } @media only screen and (min-width: 576px) { .one-card .card-default .carousel-container-item .caption__sub, .two-cards .card-default .carousel-container-item .caption__sub, .three-cards .card-default .carousel-container-item .caption__sub, .four-cards .card-default .carousel-container-item .caption__sub, .more-than-four-cards .card-default .carousel-container-item .caption__sub { min-height: 126px; } } @media only screen and (max-width: 319px) { .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription, .three-cards .card-default .carousel-container-item .video-transcription, .four-cards .card-default .carousel-container-item .video-transcription, .more-than-four-cards .card-default .carousel-container-item .video-transcription { font-size: 16px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription, .three-cards .card-default .carousel-container-item .video-transcription, .four-cards .card-default .carousel-container-item .video-transcription, .more-than-four-cards .card-default .carousel-container-item .video-transcription { font-size: 16px; } } @media only screen and (max-width: 575px) { .one-card .card-default .carousel-container-item img, .two-cards .card-default .carousel-container-item img, .three-cards .card-default .carousel-container-item img, .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 156px; margin-right: 16px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .card-default .carousel-container-item img, .two-cards .card-default .carousel-container-item img, .three-cards .card-default .carousel-container-item img, .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 304px; width: 150px; margin-right: 16px; } } @media only screen and (max-width: 319px) { .one-card .card-default .carousel-container-item, .two-cards .card-default .carousel-container-item { height: 156px; } } @media only screen and (min-width: 576px) { .one-card .card-default .carousel-container-item, .two-cards .card-default .carousel-container-item { width: 330px; } } @media only screen and (min-width: 768px) { .one-card .card-default .carousel-container-item, .two-cards .card-default .carousel-container-item { width: 270px; margin: 15px 15px 15px 5px; } } @media only screen and (min-width: 992px) { .one-card .card-default .carousel-container-item, .two-cards .card-default .carousel-container-item { width: 210px; } } @media only screen and (min-width: 1200px) { .one-card .card-default .carousel-container-item, .two-cards .card-default .carousel-container-item { width: 255px; } } .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription { top: 94%; } @media screen and (min-width: 320px) and (max-width: 575px) { .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription { top: 88%; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription { top: 92%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .one-card .card-default .carousel-container-item .video-transcription, .two-cards .card-default .carousel-container-item .video-transcription { top: 91%; } } .one-card .card-default .carousel-container-item .caption__title, .two-cards .card-default .carousel-container-item .caption__title { min-height: 60px; } @media only screen and (min-width: 576px) { .one-card .card-default .carousel-container-item .caption__sub, .two-cards .card-default .carousel-container-item .caption__sub { min-height: 126px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .one-card .card-default .carousel-container-item .caption__sub, .two-cards .card-default .carousel-container-item .caption__sub { min-height: 92px; } } @media only screen and (min-width: 1200px) { .one-card .card-default .carousel-container-item .caption__sub, .two-cards .card-default .carousel-container-item .caption__sub { min-height: 72px; } } @media only screen and (min-width: 320px) { .one-card .card-default .carousel-container-item img, .two-cards .card-default .carousel-container-item img { border-radius: 5px 5px 0 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .one-card .card-default .carousel-container-item img, .two-cards .card-default .carousel-container-item img { border-radius: 5px 0 0 5px; } } @media only screen and (min-width: 768px) { .one-card .card-default .carousel-container-item img, .two-cards .card-default .carousel-container-item img { height: 156px; } } @media only screen and (min-width: 320px) { .three-cards .card-default .carousel-container-item { width: 195px; } } @media only screen and (min-width: 576px) { .three-cards .card-default .carousel-container-item { width: 330px; } } @media only screen and (min-width: 768px) { .three-cards .card-default .carousel-container-item { width: 250px; } } @media only screen and (min-width: 992px) { .three-cards .card-default .carousel-container-item { width: 210px; } .three-cards .card-default .carousel-container-item:first-child { margin: 0; } } @media only screen and (min-width: 1200px) { .three-cards .card-default .carousel-container-item { width: 255px; } } @media only screen and (min-width: 320px) { .three-cards .card-default .carousel-container-item img { border-radius: 5px 5px 0 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .three-cards .card-default .carousel-container-item img { border-radius: 5px 0 0 5px; } } @media only screen and (min-width: 768px) { .three-cards .card-default .carousel-container-item img { height: 201px; } } @media only screen and (min-width: 992px) { .three-cards .card-default .carousel-container-item img { height: 156px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .three-cards .card-default .carousel-container-item .caption__sub { height: 96px; } } @media only screen and (min-width: 1200px) { .three-cards .card-default .carousel-container-item .caption__sub { min-height: 72px; } } @media only screen and (min-width: 992px) { .four-cards .card-default .carousel-container-item { margin-right: 42px; } .four-cards .card-default .carousel-container-item:last-child { margin-right: 0; } } @media only screen and (min-width: 1200px) { .four-cards .card-default .carousel-container-item { margin: 0 0 15px 30px; } .four-cards .card-default .carousel-container-item:first-child { margin: 0 0 15px 0; } } @media only screen and (min-width: 320px) { .four-cards .card-default .carousel-container-item, .more-than-four-cards .card-default .carousel-container-item { min-width: 195px; } } @media only screen and (min-width: 768px) { .four-cards .card-default .carousel-container-item, .more-than-four-cards .card-default .carousel-container-item { min-width: 270px; } } @media only screen and (min-width: 992px) { .four-cards .card-default .carousel-container-item, .more-than-four-cards .card-default .carousel-container-item { min-width: 200px; } } @media only screen and (min-width: 1200px) { .four-cards .card-default .carousel-container-item, .more-than-four-cards .card-default .carousel-container-item { min-width: 248px; } } .four-cards .card-default .carousel-container-item .open-youtube-modal, .more-than-four-cards .card-default .carousel-container-item .open-youtube-modal { top: 34%; } @media screen and (min-width: 320px) and (max-width: 991px) { .four-cards .card-default .carousel-container-item .open-youtube-modal, .more-than-four-cards .card-default .carousel-container-item .open-youtube-modal { top: 50%; } } .four-cards .card-default .carousel-container-item span.icon-itaufonts_video, .more-than-four-cards .card-default .carousel-container-item span.icon-itaufonts_video { font-size: 80px; } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards .card-default .carousel-container-item span.icon-itaufonts_video, .more-than-four-cards .card-default .carousel-container-item span.icon-itaufonts_video { font-size: 100px; } } .four-cards .card-default .carousel-container-item .video-transcription, .more-than-four-cards .card-default .carousel-container-item .video-transcription { font-size: 16px; top: 82%; } @media screen and (min-width: 320px) and (max-width: 991px) { .four-cards .card-default .carousel-container-item .video-transcription, .more-than-four-cards .card-default .carousel-container-item .video-transcription { top: 90%; } } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards .card-default .carousel-container-item .video-transcription, .more-than-four-cards .card-default .carousel-container-item .video-transcription { font-size: 20px; } } .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { border-radius: 5px 5px 0 0; } @media only screen and (max-width: 319px) { .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 156px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { border-radius: 5px 0 0 5px; height: 304px; } } @media only screen and (min-width: 768px) { .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 156px; } } @media only screen and (min-width: 992px) { .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 155px; } } @media only screen and (min-width: 1200px) { .four-cards .card-default .carousel-container-item img, .more-than-four-cards .card-default .carousel-container-item img { height: 156px; } } @media only screen and (min-width: 768px) { .four-cards .card-default .carousel-container-item .caption__sub, .more-than-four-cards .card-default .carousel-container-item .caption__sub { min-height: 96px; } } @media only screen and (min-width: 992px) { .four-cards .card-default .carousel-container-item .caption__sub, .more-than-four-cards .card-default .carousel-container-item .caption__sub { min-height: 120px; } } @media only screen and (min-width: 1200px) { .four-cards .card-default .carousel-container-item .caption__sub, .more-than-four-cards .card-default .carousel-container-item .caption__sub { min-height: 96px; } } .card-default .carousel-container-item .card-box { background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); border: 0; border-radius: 5px; margin: 3px; height: auto; } @media only screen and (max-width: 575px) { .card-default .carousel-container-item .card-box .caption__title { min-height: 60px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-default .carousel-container-item .card-box .caption__title { min-height: 85px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .card-default .carousel-container-item .card-box .caption__title { min-height: 68px; } } @media only screen and (min-width: 992px) { .three-cards .card-default .carousel-container-item .card-box .caption__title { min-height: 68px; } .four-cards .card-default .carousel-container-item .card-box .caption__title, .more-than-four-cards .card-default .carousel-container-item .card-box .caption__title { min-height: 90px; } } @media only screen and (min-width: 1200px) { .three-cards .card-default .carousel-container-item .card-box .caption__title { min-height: 68px; } .four-cards .card-default .carousel-container-item .card-box, .more-than-four-cards .card-default .carousel-container-item .card-box { width: 248px; } .four-cards .card-default .carousel-container-item .card-box .caption__title, .more-than-four-cards .card-default .carousel-container-item .card-box .caption__title { min-height: 68px; } } .carousel-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { .carousel-container section { padding-top: 32px; } } .carousel-container .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .carousel-container .item-a { width: 200px; height: 200px; } .carousel-container .container { padding-left: 5px; padding-right: 0px; } @media only screen and (min-width: 576px) { .carousel-container .container { padding-left: 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .carousel-container .container { padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; } .carousel-container .container .carousel-container__inner { padding-left: 0 !important; padding-right: 0 !important; } } .carousel-container .container-button { padding-left: 15px; padding-right: 15px; } .carousel-container .lSPager li:not(.active) .timeline-track { width: 0% !important; } .carousel-container .lSPager a { display: block; } .carousel-container .lSPager .slick-count { display: flex; align-items: center; } .carousel-container .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .carousel-container .lSPager .counter { font-size: 20px; } } .carousel-container .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .carousel-container .lSPager .timeline { background: #cbcbcb; } .carousel-container .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .carousel-container .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .carousel-container .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .carousel-container .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .carousel-container .lSPager .timeline .timeline-track { background: #4F758B; } .carousel-container .lSPager li { margin: 0 0 0 12px; width: auto; } .carousel-container .lSPager li a { color: #605751; } .carousel-container .lSPager li a:hover { text-decoration: none; } .carousel-container .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .carousel-container .lSPager li.active .timeline { width: 80px; } } .carousel-container .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .carousel-container .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .carousel-container .lSPager li.active a { color: #876632; } [data-segment='varejo'] .carousel-container .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .carousel-container .lSPager li.active a { color: #252220; } .carousel-container .lSAction { width: 0; height: 0; z-index: 10; } .carousel-container .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #605751; } .carousel-container .lSAction .lSPrev { left: -45px; font-family: 'itau-icon'; font-size: 42px; color: #605751; } @media only screen and (min-width: 768px) { .carousel-container .lSAction .lSPrev { left: -23px; } } @media only screen and (min-width: 992px) { .carousel-container .lSAction .lSPrev { left: -25px; } } @media only screen and (min-width: 1200px) { .carousel-container .lSAction .lSPrev { left: -32px; } } .carousel-container .lSAction .lSPrev:before { content: '\e9b1'; } .carousel-container .lSAction .lSNext { right: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .carousel-container .lSAction .lSNext { right: -11px; } } @media only screen and (min-width: 992px) { .carousel-container .lSAction .lSNext { right: -10px; } } @media only screen and (min-width: 1200px) { .carousel-container .lSAction .lSNext { right: -14px; } } .carousel-container .lSAction .lSNext:before { content: '\e9cd'; } .carousel-container__title { position: relative; padding-bottom: 28px; } @media only screen and (max-width: 575px) { .carousel-container__title { padding-bottom: 24px; } } @media only screen and (max-width: 767px) { .carousel-container__title { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .carousel-container__title h2 { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .carousel-container__title h2 { color: #003767; } [data-segment='personnalite'] .carousel-container__title h2 { color: #252220; } [data-segment='varejo'] .carousel-container__title h2 { color: #EC7000; } [data-segment='uniclass'] .carousel-container__title h2 { color: #252220; } [data-segment='cartoes'] .carousel-container__title h2 { color: #003767; } [data-segment='private'] .carousel-container__title h2 { color: #252220; } @media only screen and (min-width: 768px) { .carousel-container__title h2 { font-size: 32px; line-height: 48px; } } .carousel-container__title p { display: none; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } .carousel-container__title p:first-child { display: block; } [data-segment='empresas'] .carousel-container__title p { color: #312D2B; } [data-segment='personnalite'] .carousel-container__title p { color: #252220; } [data-segment='uniclass'] .carousel-container__title p { color: #312D2B; } @media only screen and (min-width: 768px) { .carousel-container__title p { font-size: 20px; line-height: 30px; } } .carousel-container__title .overwrite { padding: 0 0 4px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .carousel-container .button { display: block; margin: 50px auto auto; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .carousel-container .button, [data-segment='varejo'] .carousel-container .button, [data-segment='uniclass'] .carousel-container .button, [data-segment='cartoes'] .carousel-container .button, [data-segment='private'] .carousel-container .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .carousel-container .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .carousel-container .button { width: 100%; } } @media only screen and (min-width: 576px) { .carousel-container .button { width: 240px; } } @media only screen and (min-width: 768px) { .carousel-container .button { width: 290px; } } @media only screen and (min-width: 1200px) { .carousel-container .button { width: 350px; } } @media only screen and (min-width: 768px) { .carousel-container .button { font-size: 19px; } } .carousel-container .button:hover { background: #ED7E19; } [data-segment='personnalite'] .carousel-container .button:hover { background: #D6B782; } .carousel-container.authoring-mode { display: block; text-align: center; } .carousel-container--is-carousel { flex-wrap: nowrap; } .carousel-container .lSSlideWrapper { margin-bottom: 27px; } .carousel-container .slick-list { padding: 6px !important; } .carousel-container .slick-list .slick-track { display: flex !important; margin-left: 16px; } @media only screen and (min-width: 576px) { .carousel-container .slick-list .slick-track { margin-left: 35px; } } @media only screen and (min-width: 768px) { .carousel-container .slick-list .slick-track { margin-left: 0; padding-left: 0; } } .carousel-container .slick-list .slick-track .slick-slide { display: flex !important; height: auto !important; } .carousel-container .lSPager { bottom: -60px; } @media only screen and (min-width: 576px) { .carousel-container .lSPager { bottom: -50px; } } .carousel-container .lSPager li:not(.active) .timeline-track { width: 0% !important; } .carousel-container .lSPager a { display: block; } .carousel-container .lSPager .slick-count { display: flex; align-items: center; } .carousel-container .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .carousel-container .lSPager .counter { font-size: 20px; } } .carousel-container .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .carousel-container .lSPager .timeline { background: #cbcbcb; } .carousel-container .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .carousel-container .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .carousel-container .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .carousel-container .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .carousel-container .lSPager .timeline .timeline-track { background: #4F758B; } [data-segment='private'] .carousel-container .lSPager .timeline .timeline-track { background: #EC7000; } .carousel-container .lSPager li { margin: 0 0 0 12px; width: auto; } .carousel-container .lSPager li a { color: #605751; } .carousel-container .lSPager li a:hover { text-decoration: none; } .carousel-container .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .carousel-container .lSPager li.active .timeline { width: 80px; } } .carousel-container .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .carousel-container .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .carousel-container .lSPager li.active a { color: #876632; } [data-segment='varejo'] .carousel-container .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .carousel-container .lSPager li.active a { color: #252220; } .carousel-container .transcription-modal { padding: 0 !important; line-height: 21px; } .carousel-container .transcription-modal .modal-dialog { max-width: 100%; height: 100%; margin: 0px; } .carousel-container .transcription-modal .modal-dialog .modal-content { height: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; } .carousel-container .transcription-modal .modal-dialog .modal-content .modal-body { height: 100%; overflow: auto; } .carousel-container .bg-gradient-blue .lSPager li a, .carousel-container .bg-gradient-darkBlue .lSPager li a { color: #FFFFFF; } .carousel-container .bg-gradient-blue .lSPager li a .counter, .carousel-container .bg-gradient-darkBlue .lSPager li a .counter { color: #FFFFFF; } .carousel-container .bg-gradient-blue .lSPager li a .timeline .timeline-track, .carousel-container .bg-gradient-darkBlue .lSPager li a .timeline .timeline-track { background: #FFFFFF; } .carousel-cards-static { background-color: #FFFFFF; position: relative; } #body { overflow: hidden; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .image-mobile img { width: 199px; height: 383px; position: absolute; top: -20px; right: 0px; } @media (min-width: 576px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .image-mobile img { width: 358px; height: 689px; top: -40px; } } @media (min-width: 768px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .image-desktop img { height: 957px; position: absolute; top: -30px; right: 0px; margin-right: -115px; } } @media (min-width: 992px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .image-desktop img { margin-right: -80px; } } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons h2 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; margin: 32px 0 0 0; font-size: 22px; color: #252220; letter-spacing: 1px; line-height: 33px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons p { font-family: ItauDisplay-Regular; font-size: 16px; color: #6E6E6E; line-height: 27px; } @media (min-width: 992px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .title-container { margin-right: 200px; } } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .title-d-container__subtitle { letter-spacing: 1px; } @media (min-width: 576px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .title-d-container__subtitle { letter-spacing: 1px; margin-bottom: 0; } } @media (min-width: 768px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons h2 { font-size: 32px; color: #000000; line-height: 48.73px; letter-spacing: 1.16px; margin-top: 64px; } } @media (min-width: 1440px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons h2 { margin: 64px 0 40px 0; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons p { margin-bottom: 40px; } } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-top: 20px; } @media (min-width: 768px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 32px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 62px; } } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items { margin-bottom: 32px; margin-top: 32px; } @media (min-width: 1440px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item { margin-bottom: 32px; position: relative; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .cards-and-icons-items .item-last { margin-bottom: 63px; } } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-header p { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 15px; color: #252220; line-height: 20.8px; margin: 8px 0; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-body p { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; color: #6E6E6E; line-height: 18px; margin-bottom: 8px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-footer a { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 14px; color: #007AB7; line-height: 18px; text-decoration: underline; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-header p { font-size: 22px; line-height: 32px; margin: 8px 0 16px 0; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-body p { font-family: ItauDisplay-Light; font-size: 14px; color: #605751; line-height: 20px; margin-top: 8px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-footer a { font-size: 16px; line-height: 24px; } @media (min-width: 768px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons { margin-bottom: 128px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons h2 { font-size: 30px; line-height: 48px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons p.title-d-container__subtitle { font-size: 22px; line-height: 30px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-body p { font-size: 20px; line-height: 28px; } } @media (min-width: 992px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons h2 { margin-top: 160px; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item { margin-bottom: 64px; position: relative; } .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item .item-footer { position: absolute; bottom: -10px; } } @media (min-width: 1440px) { .carousel-cards-static .static-overimage-rigth-with-cards-and-icons .cards-and-icons .item-header p { margin: 8px 0 8px 0; } } div.card-with-list-product .card-with-list-product-container__list-box li i { color: #EC7000; } [data-segment=personnalite] div.card-with-list-product .card-with-list-product-container__list-box li i, div.card-with-list-product .card-with-list-product-container__list-box li [data-segment=personnalite] i { color: #876632; } div.card-with-list-product { overflow: initial; margin-bottom: 16px; } @media only screen and (min-width: 768px) { div.card-with-list-product { margin-bottom: 24px; } } @media only screen and (min-width: 1200px) { div.card-with-list-product { margin-bottom: 32px; } } div.card-with-list-product .card-with-list-product-container { padding: 24px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); border-radius: 8px; background: #FFFFFF; display: flex; flex-direction: column; } @media screen and (min-width: 576px) and (max-width: 767px) { div.card-with-list-product .card-with-list-product-container { display: flex; flex-direction: row; } } div.card-with-list-product .card-with-list-product-container__image-box img { width: 100%; } @media screen and (min-width: 576px) and (max-width: 767px) { div.card-with-list-product .card-with-list-product-container__image-box { margin: 0 25px 0 0; display: flex; align-items: center; } } div.card-with-list-product .card-with-list-product-container__list-box { display: flex; flex-direction: column; flex: auto; } [data-segment='varejo'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='varejo'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='varejo'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #252220; } [data-segment='empresas'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='empresas'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='empresas'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #003767; } [data-segment='uniclass'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='uniclass'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='uniclass'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #4F758B; } [data-segment='cartoes'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='cartoes'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='cartoes'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #003767; } [data-segment='private'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='private'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='private'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #252220; } [data-segment='personnalite'] div.card-with-list-product .card-with-list-product-container__list-box h3, [data-segment='personnalite'] div.card-with-list-product .card-with-list-product-container__list-box h4, [data-segment='personnalite'] div.card-with-list-product .card-with-list-product-container__list-box h5 { color: #252220; } div.card-with-list-product .card-with-list-product-container__list-box h3 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 18px; line-height: 25px; margin: 17.5px 0 8px; } @media screen and (min-width: 576px) and (max-width: 767px) { div.card-with-list-product .card-with-list-product-container__list-box h3 { margin: 0 0 8px; } } @media only screen and (min-width: 768px) { div.card-with-list-product .card-with-list-product-container__list-box h3 { font-size: 20px; line-height: 28px; margin: 16px 0 8px 0; } } div.card-with-list-product .card-with-list-product-container__list-box p { color: #252220; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; color: #252220; line-height: 18px; } @media only screen and (min-width: 768px) { div.card-with-list-product .card-with-list-product-container__list-box p { font-size: 16px; line-height: 24px; } } div.card-with-list-product .card-with-list-product-container__list-box ul { margin: 24px 0; font-family: "ItauText-Regular", "Myriad Pro", Arial; } div.card-with-list-product .card-with-list-product-container__list-box li { margin-bottom: 16px; display: flex; } div.card-with-list-product .card-with-list-product-container__list-box li p { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; line-height: 20px; } @media only screen and (min-width: 768px) { div.card-with-list-product .card-with-list-product-container__list-box li p { line-height: 21px; } } div.card-with-list-product .card-with-list-product-container__list-box li i { font-size: 24px; margin: 0 16px 0 0; } @media screen and (min-width: 576px) and (max-width: 767px) { div.card-with-list-product .card-with-list-product-container__list-box li i { margin: 0 8px 0 0; } } div.card-with-list-product .card-with-list-product-container__list-box__link-box { margin-top: auto; } div.card-with-list-product .card-with-list-product-container__list-box__link-box a { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #007AB7; text-decoration: underline; font-size: 14px; line-height: 18px; } @media only screen and (min-width: 768px) { div.card-with-list-product .card-with-list-product-container__list-box__link-box a { font-size: 16px; line-height: 24px; } } .card-comparative .link { color: #007AB7; font-family: 'ItauText-Light'; font-size: 16px; line-height: 24px; text-decoration: underline; } .card-with-list { position: relative; display: inline-block; padding: 21px; flex-shrink: 0; width: 100%; margin-top: 24px; margin-right: 2.7%; margin-bottom: 24px; min-height: 388px; background: #FFFFFF; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15); border-radius: 5px 5px 5px 5px; } [data-segment='uniclass'] .card-with-list { box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.3); } .card-with-list:nth-child(3n) { margin-right: 0; } @media only screen and (min-width: 320px) { .card-with-list { padding: 21px; } } @media only screen and (min-width: 576px) { .card-with-list { min-height: auto; padding: 15px 24px 24px 16px; } } @media only screen and (min-width: 768px) { .card-with-list { width: 31.52%; min-height: 388px; padding: 16px; } } @media only screen and (min-width: 992px) { .card-with-list { padding: 32px; } } .card-with-list__inner { display: flex; flex-direction: column; flex-grow: 1; } @media only screen and (min-width: 576px) { .card-with-list__inner { flex-direction: row; flex-wrap: wrap; } } @media only screen and (min-width: 768px) { .card-with-list__inner { flex-direction: column; } } @media only screen and (min-width: 576px) { .card-with-list__thumbnail { max-width: 50%; flex: 50%; align-items: center; justify-content: left; display: flex; } } @media only screen and (min-width: 768px) { .card-with-list__thumbnail { max-width: 100%; flex: 100%; align-items: center; justify-content: left; display: flex; } } .card-with-list__thumbnail img { object-fit: cover; display: block; width: 100%; } .card-with-list__body { padding-top: 24px; display: flex; flex: 1; flex-direction: column; justify-content: space-between; height: auto; } @media only screen and (min-width: 576px) { .card-with-list__body { padding-top: 0; padding-left: 30px; } } @media only screen and (min-width: 768px) { .card-with-list__body { padding-top: 24px; padding-left: 0; } } .card-with-list__body .list-icons { padding-top: 18px; } @media only screen and (min-width: 992px) { .card-with-list__body .list-icons { padding-top: 22px; } } .card-with-list__body .list-icons li { padding: 8px 0; } @media only screen and (min-width: 576px) { .card-with-list__body .list-icons li:last-child { padding-bottom: 0; } } .card-with-list__body .list-icons__item { font-family: ItauDisplay-Regular; font-size: 14px; line-height: 20px; display: flex; align-items: center; min-height: 40px; } .card-with-list__body .list-icons__item .icon { font-size: 25px; color: #EC7000; padding-right: 6px; } @media only screen and (min-width: 1200px) { .card-with-list__body .list-icons__item .icon { padding-right: 13px; } } [data-segment='personnalite'] .card-with-list__body .list-icons__item .icon { color: #312D2B; } [data-segment='uniclass'] .card-with-list__body .list-icons__item .icon { color: #4F758B; } .card-with-list__caption h1, .card-with-list__caption h2, .card-with-list__caption h3, .card-with-list__caption h4, .card-with-list__caption h5, .card-with-list__caption h6 { font-family: 'ItauDisplay-XBold'; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .card-with-list__caption h1, [data-segment='empresas'] .card-with-list__caption h2, [data-segment='empresas'] .card-with-list__caption h3, [data-segment='empresas'] .card-with-list__caption h4, [data-segment='empresas'] .card-with-list__caption h5, [data-segment='empresas'] .card-with-list__caption h6 { color: #003767; } [data-segment='personnalite'] .card-with-list__caption h1, [data-segment='personnalite'] .card-with-list__caption h2, [data-segment='personnalite'] .card-with-list__caption h3, [data-segment='personnalite'] .card-with-list__caption h4, [data-segment='personnalite'] .card-with-list__caption h5, [data-segment='personnalite'] .card-with-list__caption h6 { color: #312D2B; } [data-segment='uniclass'] .card-with-list__caption h1, [data-segment='uniclass'] .card-with-list__caption h2, [data-segment='uniclass'] .card-with-list__caption h3, [data-segment='uniclass'] .card-with-list__caption h4, [data-segment='uniclass'] .card-with-list__caption h5, [data-segment='uniclass'] .card-with-list__caption h6 { color: #4F758B; } @media only screen and (min-width: 576px) { .card-with-list__caption h1, .card-with-list__caption h2, .card-with-list__caption h3, .card-with-list__caption h4, .card-with-list__caption h5, .card-with-list__caption h6 { font-size: 20px; line-height: 30px; } } @media only screen and (min-width: 768px) { .card-with-list__caption h1, .card-with-list__caption h2, .card-with-list__caption h3, .card-with-list__caption h4, .card-with-list__caption h5, .card-with-list__caption h6 { min-height: 60px; } } .card-with-list__caption p { padding-top: 8px; font-family: 'ItauText-Regular'; font-size: 14px; line-height: 21px; } [data-segment='empresas'] .card-with-list__caption p { color: #252220; } [data-segment='personnalite'] .card-with-list__caption p { color: #252220; } [data-segment='uniclass'] .card-with-list__caption p { color: #252220; } @media only screen and (min-width: 576px) { .card-with-list__caption p { font-size: 16px; line-height: 24px; } } @media only screen and (min-width: 768px) { .card-with-list__caption p { padding-top: 16px; } } .card-with-list__footer { margin-top: 7px; } @media only screen and (min-width: 576px) { .card-with-list__footer { width: 100%; margin-top: 0; } } @media only screen and (min-width: 768px) { .card-with-list__footer { margin-top: 24px; } } @media only screen and (min-width: 992px) { .card-with-list__footer { margin-top: 28px; } } .card-with-list__footer a { font-family: ItauText-Regular; font-size: 16px; line-height: 24px; color: #007AB7; text-decoration: underline; margin-top: 15px; } @media only screen and (min-width: 576px) { .card-with-list__footer a { position: relative; bottom: 0; } } @media only screen and (min-width: 768px) { .card-with-list__footer a { position: absolute; bottom: 16px; } } @media only screen and (min-width: 992px) { .card-with-list__footer a { bottom: 32px; } } .card-with-icon-container-v2 .card-with-icon-container-box-v2 { padding-top: 64px; } @media only screen and (max-width: 767px) { .card-with-icon-container-v2 .card-with-icon-container-box-v2 { padding-top: 32px; } } /** * Global Styles * Probably duplicated */ .card-with-icon-container-v2__title { position: relative; padding-top: 0px; } .card-with-icon-container-v2__title h2 { padding: 0 0 16px; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 32px; line-height: 48px; margin-bottom: 8px; } [data-segment='empresas'] .card-with-icon-container-v2__title h2 { color: #003767; } [data-segment='personnalite'] .card-with-icon-container-v2__title h2 { color: #252220; } [data-segment='varejo'] .card-with-icon-container-v2__title h2 { color: #EC7000; } [data-segment='uniclass'] .card-with-icon-container-v2__title h2 { color: #252220; } @media screen and (min-width: 576px) and (max-width: 767px) { .card-with-icon-container-v2__title h2 { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 575px) { .card-with-icon-container-v2__title h2 { font-size: 22px; line-height: 30px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-with-icon-container-v2__title .title-d-container__subtitle { line-height: 30px; } } @media only screen and (max-width: 575px) { .card-with-icon-container-v2__title .title-d-container__subtitle { line-height: 25px; } } .card-with-icon-container-v2__list { display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; } @media only screen and (min-width: 576px) { .card-with-icon-container-v2__list { flex-direction: row; } } .card-with-icon-container-v2 .img-bkgd { background-size: cover; } @media only screen and (max-width: 767px) { .card-with-icon-container-v2 .img-bkgd { background-image: none; } } .card-with-icon-container-v2 .subtitle { padding-bottom: 24px; font-size: 20px; line-height: 30px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #312D2B !important; } @media only screen and (max-width: 767px) { .card-with-icon-container-v2 .subtitle { font-size: 18px; line-height: 27px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .card-with-icon-container-v2 .subtitle { padding-bottom: 16px; } } @media only screen and (max-width: 319px) { .card-with-icon-container-v2 .subtitle { font-size: 14px; } } .card-with-icon-container-v2 .bg-grey h2 { color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } .card-with-icon-container-v2 .four-cards-per-line div.card-with-icon-container__list { flex-direction: row; } .card-with-icon-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { .card-with-icon-container section { padding-top: 32px; } } /** * Global Styles * Probably duplicated */ .card-with-icon-container section { padding-bottom: 40px; } .card-with-icon-container .container { padding-bottom: 0px; } .card-with-icon-container .container.px-0 { padding-left: 0; padding-right: 0; padding-bottom: 64px; } @media only screen and (min-width: 576px) { .card-with-icon-container .container.px-0 { padding-left: 20px !important; padding-right: 20px !important; } } .card-with-icon-container__title { position: relative; padding-top: 0px; } .card-with-icon-container__title h2 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 32px; line-height: 48px; margin-bottom: 8px; } @media only screen and (max-width: 767px) { .card-with-icon-container__title h2 { font-size: 22px; line-height: 33px; } } @media only screen and (max-width: 319px) { .card-with-icon-container__title h2 { font-size: 18px; line-height: 33px; } } [data-segment='empresas'] .card-with-icon-container__title h2 { color: #003767; } [data-segment='personnalite'] .card-with-icon-container__title h2 { color: #252220; } [data-segment='varejo'] .card-with-icon-container__title h2 { color: #EC7000; } [data-segment='uniclass'] .card-with-icon-container__title h2 { color: #252220; } .card-with-icon-container .subtitle { padding-bottom: 24px; font-size: 20px; line-height: 30px; font-family: "ItauDisplay-Light", "Myriad Pro", Arial; color: #312D2B !important; } @media only screen and (max-width: 767px) { .card-with-icon-container .subtitle { font-size: 18px; line-height: 27px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .card-with-icon-container .subtitle { padding-bottom: 16px; } } @media only screen and (min-width: 320px) { .card-with-icon-container .subtitle { font-size: 14px; } } .card-with-icon-container__list { display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; } @media only screen and (min-width: 576px) { .card-with-icon-container__list { flex-direction: row; } } .card-with-icon-container .img-bkgd { background-size: cover; } @media only screen and (max-width: 767px) { .card-with-icon-container .img-bkgd { background-image: none; } } .card-with-icon-container .bg-white h2 { color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } .card-with-icon-container .bg-grey h2 { color: #252220 !important; font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; } .card-with-icon-container .four-cards-per-line div.card-with-icon-container__list { flex-direction: row; } /** * Component Styles */ .card-with-icon { position: relative; display: inline-block; flex-shrink: 0; width: 100%; overflow: hidden; margin: 0 15px 16px 0; border-radius: 5px; background: #FFFFFF; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); } .card-with-icon .card-clinkabled { color: #252220; text-decoration: none; display: block; } .card-with-icon .card-clinkabled:hover { color: #252220; } [data-segment='uniclass'] .card-with-icon { box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 576px) { .card-with-icon { min-height: auto; } } @media only screen and (min-width: 768px) { .card-with-icon { width: 210px; } } @media only screen and (min-width: 992px) { .card-with-icon { width: 290px; } } @media only screen and (min-width: 1200px) { .card-with-icon { width: 350px; } } .card-with-icon .card-with-icon-box { border-radius: 5px; padding: 16px; border-left: 5px solid transparent; } @media only screen and (min-width: 320px) { .card-with-icon .card-with-icon-box { padding: 16px; } } @media only screen and (min-width: 768px) { .card-with-icon .card-with-icon-box { padding: 24px; } } [data-segment='varejo'] .card-with-icon .card-with-icon-box:hover, [data-segment='uniclass'] .card-with-icon .card-with-icon-box:hover, [data-segment='private'] .card-with-icon .card-with-icon-box:hover, [data-segment='cartoes'] .card-with-icon .card-with-icon-box:hover, [data-segment='empresas'] .card-with-icon .card-with-icon-box:hover, [data-segment='varejo'] .card-with-icon .card-with-icon-box:focus, [data-segment='uniclass'] .card-with-icon .card-with-icon-box:focus, [data-segment='private'] .card-with-icon .card-with-icon-box:focus, [data-segment='cartoes'] .card-with-icon .card-with-icon-box:focus, [data-segment='empresas'] .card-with-icon .card-with-icon-box:focus { border-left: 5px solid #EC7000; } [data-segment='personnalite'] .card-with-icon .card-with-icon-box:hover, [data-segment='personnalite'] .card-with-icon .card-with-icon-box:focus { border-left: 5px solid #D0A967; } .card-with-icon .icon { font-size: 48px; line-height: 46px; display: flex; justify-content: start; align-items: center; margin-right: 10px; } [data-segment='varejo'] .card-with-icon .icon, [data-segment='uniclass'] .card-with-icon .icon, [data-segment='private'] .card-with-icon .icon, [data-segment='cartoes'] .card-with-icon .icon, [data-segment='empresas'] .card-with-icon .icon { color: #EC7000; } [data-segment='personnalite'] .card-with-icon .icon { color: #D0A967; } @media only screen and (max-width: 575px) { .card-with-icon .icon { margin-right: 16px; } } .card-with-icon__inner .opacity-text:focus { position: absolute; width: 99.8%; height: 100%; opacity: initial; top: 0px; left: 0.5px; } .card-with-icon__inner .column-3 { max-width: 33.33%; flex: 0 0 22.33%; } .card-with-icon__inner .column-9 { max-width: 77%; flex: 0 0 77.77%; display: flex; justify-content: left; align-items: center; } @media only screen and (max-width: 575px) { .card-with-icon__inner .column-9 { max-width: 74%; } } @media only screen and (min-width: 768px) { .card-with-icon__inner .column-9 { max-width: 100%; flex: 0 0 100%; justify-content: left; } } .card-with-icon__inner .column-12 { max-width: 100%; flex: 0 0 100%; } .card-with-icon__inner h3 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 20px; line-height: 27px; height: 54px; } .card-with-icon__inner p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 21px; color: #252220; padding-top: 16px; padding-bottom: 16px; } @media only screen and (min-width: 768px) { .card-with-icon__inner p { padding-top: 24px; padding-bottom: 24px; } } @media only screen and (min-width: 992px) { .card-with-icon__inner p { padding-top: 16px; padding-bottom: 24px; } } .card-with-icon__inner a:not(.card-clinkabled) { font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #007AB7 !important; text-decoration: underline; cursor: pointer; } @media only screen and (min-width: 768px) { .card-with-icon__inner a:not(.card-clinkabled) { position: absolute; bottom: 24px; } } .card-with-icon__inner .default { display: flex; flex-wrap: wrap; flex-direction: row; } @media only screen and (min-width: 576px) { .card-with-icon__inner .default { display: none; } } @media only screen and (min-width: 768px) { .card-with-icon__inner .default { display: flex; margin-bottom: 24px; } } @media only screen and (min-width: 1200px) { .card-with-icon__inner .default { min-width: 200px; } } .card-with-icon__inner .default .title { font-weight: 700; align-items: flex-start; } @media only screen and (min-width: 768px) { .card-with-icon__inner .default .title { margin-top: 24px; height: 90px; } } @media only screen and (min-width: 1200px) { .card-with-icon__inner .default .title { height: 60px; } } @media only screen and (min-width: 768px) { .card-with-icon__inner .default .content { margin-bottom: 24px; } } .card-with-icon__inner .tablet { display: none; } @media only screen and (min-width: 576px) { .card-with-icon__inner .tablet { display: flex; flex-wrap: wrap; flex-direction: row; } } @media only screen and (min-width: 768px) { .card-with-icon__inner .tablet { display: none; } } .card-with-icon__inner .tablet .icon-wrapper { display: flex; align-items: center; margin-right: 16px; margin-bottom: 16px; } .card-with-icon__inner .tablet .content { flex-wrap: wrap; justify-content: start; } .card-with-icon__inner .tablet .column-3 { max-width: 10%; flex: 0 0 10%; } .card-with-icon__inner .tablet .column-9 { max-width: 86%; flex: 0 0 88%; } .card-with-icon__inner .tablet .text { padding-top: 5px; } .card-with-icon__inner .tablet .title { font-weight: 700; } .four-cards-per-line .card-with-icon { display: flex; width: 100%; margin: 0 30px 30px 0; } @media screen and (min-width: 576px) and (max-width: 767px) { .four-cards-per-line .card-with-icon { width: 240px; } .four-cards-per-line .card-with-icon:nth-child(2n) { margin-right: 0px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards-per-line .card-with-icon { width: 210px; } .four-cards-per-line .card-with-icon:nth-child(3n) { margin-right: 0px; } } @media only screen and (min-width: 992px) { .four-cards-per-line .card-with-icon { width: 210px; margin-bottom: 30px; margin-right: 30px; } .four-cards-per-line .card-with-icon:nth-child(4n) { margin-right: 0px; } } @media only screen and (min-width: 1200px) { .four-cards-per-line .card-with-icon { width: 255px; } } .four-cards-per-line .card-with-icon .title { font-weight: 700; } @media screen and (min-width: 320px) and (max-width: 767px) { .four-cards-per-line .card-with-icon .title { height: 74px; font-size: 18px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .four-cards-per-line .card-with-icon .title { height: 86px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .four-cards-per-line .card-with-icon .title { height: 92px; } } .four-cards-per-line .card-with-icon p, .four-cards-per-line .card-with-icon .default { padding-bottom: 0px !important; margin-bottom: 0px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .four-cards-per-line .card-with-icon p { font-size: 14px; } } .three-cards-per-line .card-with-icon { position: relative; display: inline-block; flex-shrink: 0; width: 100%; overflow: hidden; margin: 0 30px 30px 0; background: #FFFFFF; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); } .three-cards-per-line .card-with-icon:nth-child(3n) { margin: 0 0 30px 0; } @media only screen and (min-width: 320px) { .three-cards-per-line .card-with-icon { width: 100%; height: 160px; } .three-cards-per-line .card-with-icon .card-with-icon-box { padding: 24px 16px 24px 11px; } } @media only screen and (min-width: 576px) { .three-cards-per-line .card-with-icon { width: 510px; height: 176px; } .three-cards-per-line .card-with-icon .card-with-icon-box { padding: 16px 16px 16px 11px; } } @media only screen and (min-width: 768px) { .three-cards-per-line .card-with-icon { width: 210px; height: 360px; } .three-cards-per-line .card-with-icon .card-with-icon-box { padding: 24px 24px 24px 17px; } } @media only screen and (min-width: 992px) { .three-cards-per-line .card-with-icon { width: 290px; height: 314px; } } @media only screen and (min-width: 1200px) { .three-cards-per-line .card-with-icon { width: 350px; height: 290px; } .three-cards-per-line .card-with-icon .card-with-icon-box { padding: 24px 24px 24px 18px; } } [data-segment='uniclass'] .three-cards-per-line .card-with-icon { box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); } .three-cards-per-line .card-with-icon .card-clinkabled { color: #252220; text-decoration: none; display: block; } .three-cards-per-line .card-with-icon .card-clinkabled:hover { color: #252220; } .three-cards-per-line .card-with-icon__inner .column-3 { max-width: 33.33%; flex: 0 0 22.33%; } .three-cards-per-line .card-with-icon__inner .column-9 { max-width: 75%; flex: 0 0 77.77%; display: flex; justify-content: left; align-items: flex-start; } @media only screen and (min-width: 768px) { .three-cards-per-line .card-with-icon__inner .column-9 { max-width: 100%; flex: 0 0 100%; justify-content: left; } } .three-cards-per-line .card-with-icon__inner .column-12 { max-width: 100%; flex: 0 0 100%; } .three-cards-per-line .card-with-icon__inner h3 { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; color: #252220; font-size: 20px; line-height: 30px; letter-spacing: 0; margin-bottom: 16px; height: 60px; } @media only screen and (max-width: 767px) { .three-cards-per-line .card-with-icon__inner h3 { font-size: 18px; line-height: 27px; height: 54px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .three-cards-per-line .card-with-icon__inner h3 { margin-bottom: 16px; align-items: center !important; } } @media screen and (min-width: 576px) and (max-width: 767px) { .three-cards-per-line .card-with-icon__inner h3 { margin-bottom: 8px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .three-cards-per-line .card-with-icon__inner h3 { height: 120px; margin-bottom: 8px; } } @media only screen and (min-width: 1200px) { .three-cards-per-line .card-with-icon__inner h3 { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 18px; line-height: 30px; } } .three-cards-per-line .card-with-icon__inner p { font-family: "ItauText-Regular", "Myriad Pro", Arial; color: #252220; height: 48px; font-size: 16px; line-height: 24px; letter-spacing: 0; margin-bottom: 24px; } @media only screen and (max-width: 767px) { .three-cards-per-line .card-with-icon__inner p { font-size: 14px; line-height: 21px; height: 42px; margin-bottom: 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .three-cards-per-line .card-with-icon__inner p { margin-bottom: 16px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .three-cards-per-line .card-with-icon__inner p { height: 72px; margin-bottom: 8px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .three-cards-per-line .card-with-icon__inner p { height: 72px; } } .three-cards-per-line .card-with-icon__inner a:not(.card-clinkabled) { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 16px; line-height: 24px; letter-spacing: 0; color: #007AB7 !important; text-decoration: underline; cursor: pointer; } .three-cards-per-line .card-with-icon__inner .default { display: flex; flex-wrap: wrap; flex-direction: row; } @media only screen and (min-width: 576px) { .three-cards-per-line .card-with-icon__inner .default { display: none; } } @media only screen and (min-width: 768px) { .three-cards-per-line .card-with-icon__inner .default { display: flex; margin-bottom: 24px; } } @media only screen and (min-width: 768px) { .three-cards-per-line .card-with-icon__inner .default .content { margin-bottom: 24px; } } .three-cards-per-line .card-with-icon__inner .tablet { display: none; } @media only screen and (min-width: 576px) { .three-cards-per-line .card-with-icon__inner .tablet { display: flex; flex-wrap: wrap; flex-direction: row; } } @media only screen and (min-width: 768px) { .three-cards-per-line .card-with-icon__inner .tablet { display: none; } } .three-cards-per-line .card-with-icon__inner .tablet .icon-wrapper { display: flex; align-items: center; margin-right: 16px; margin-bottom: 16px; } .three-cards-per-line .card-with-icon__inner .tablet .content { flex-wrap: wrap; justify-content: start; } .three-cards-per-line .card-with-icon__inner .tablet .column-3 { max-width: 10%; flex: 0 0 10%; } .three-cards-per-line .card-with-icon__inner .tablet .column-9 { max-width: 86%; flex: 0 0 88%; } @media only screen and (max-width: 767px) { .vitrine-one-page .card-with-icon-container__list { flex-direction: row; } } @media only screen and (max-width: 575px) { .vitrine-one-page .card-with-icon-container__list .card-with-icon { width: 46%; height: 135px; margin: 0 8% 30px 0; } .vitrine-one-page .card-with-icon-container__list .card-with-icon:nth-child(2n) { margin: 0 0 30px 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .vitrine-one-page .card-with-icon-container__list .card-with-icon { width: 47%; height: 156px; margin: 0 6% 30px 0; } .vitrine-one-page .card-with-icon-container__list .card-with-icon:nth-child(2n) { margin: 0 0 30px 0; } } .vitrine-one-page .card-with-icon__inner .title { font-weight: 700; } @media only screen and (max-width: 575px) { .vitrine-one-page .card-with-icon__inner .title { font-size: 14px; line-height: 20px; } } @media screen and (min-width: 576px) and (max-width: 767px) { .vitrine-one-page .card-with-icon__inner .title { font-size: 18px; } } @media only screen and (max-width: 767px) { .vitrine-one-page .card-with-icon__inner .text { display: none; } } .card-container-v2__inner { padding-top: 64px; } @media only screen and (max-width: 767px) { .card-container-v2__inner { padding-top: 32px; } } [data-segment] .card-container-v2 .bg-blue .lSAction .lSNext, [data-segment] .card-container-v2 .bg-blue .lSAction .lSPrev, [data-segment] .card-container-v2 .bg-image .lSAction .lSNext, [data-segment] .card-container-v2 .bg-image .lSAction .lSPrev { color: #FFFFFF; } [data-segment] .card-container-v2 .bg-blue .lSPager .timeline .timeline-track, [data-segment] .card-container-v2 .bg-image .lSPager .timeline .timeline-track { background: #FFFFFF; } [data-segment] .card-container-v2 .bg-blue .lSPager li.active a, [data-segment] .card-container-v2 .bg-image .lSPager li.active a { color: #FFFFFF; } .card-container-v2 .lSAction > a { top: 25%; } .card-container-v2 .title-d-container { margin-left: 5px; } [data-segment='uniclass'] .card-container-v2 { background-color: #FFFFFF; } [data-segment='uniclass'] .card-container-v2 .bg-image { background-size: cover; } [data-segment='uniclass'] .card-container-v2 .bg-image:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.9; background: #4F758B; } @media only screen and (max-width: 767px) { .card-container-v2__box { padding-right: 0; padding-left: 0; } } .card-container-v2__inner .container-fluid { position: relative; padding-left: 0; padding-right: 0; } .card-container-v2__inner.bg-image:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0.6; } [data-segment='empresas'] .card-container-v2__inner.bg-image .card-container-v2__title p, [data-segment='empresas'] .card-container-v2__inner.bg-image .card-container-v2__title .cmp-text p { color: #FFFFFF; } .card-container-v2__inner .container { position: relative; } .card-container-v2__inner .container .lSSlideOuter { padding: 0px 24px; } @media only screen and (min-width: 992px) { .card-container-v2__inner .container .lSSlideOuter { padding: 0; } } .card-container-v2__inner .container-fluid { position: relative; padding-left: 0; padding-right: 0; } .card-container-v2__title--fluid { position: relative; padding-right: 15px; margin-left: 16px; margin-right: 18px; } @media only screen and (min-width: 576px) { .card-container-v2__title--fluid { margin-left: 35px; } } .card-container-v2__title { position: relative; } @media only screen and (min-width: 768px) { .card-container-v2__title { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .card-container-v2__title p { padding: 0 0 28px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .card-container-v2__title p { color: #312D2B; } [data-segment='personnalite'] .card-container-v2__title p { color: #252220; } [data-segment='uniclass'] .card-container-v2__title p { color: #312D2B; } @media only screen and (min-width: 576px) { .card-container-v2__title p { font-size: 20px; line-height: 30px; } } .card-container-v2__list { align-items: stretch; justify-content: center; } .card-container-v2__list.authoring-mode { display: block; text-align: center; } .card-container-v2__list.authoring-mode .card { margin-bottom: 30px; text-align: left; } .card-container-v2__list--is-carousel { flex-wrap: nowrap; } .card-container-v2__list:not(.lightSlider) { margin: -15px 0; } @media only screen and (min-width: 1200px) { .card-container-v2__list { display: flex; } } .card-container-v2 .slick-list { padding: 6px !important; } .card-container-v2 .slick-list .slick-track { display: flex !important; margin-left: 16px; } @media only screen and (min-width: 576px) { .card-container-v2 .slick-list .slick-track { margin-left: 35px; } } @media only screen and (min-width: 768px) { .card-container-v2 .slick-list .slick-track { margin-left: 0; padding-left: 0; } } .card-container-v2 .slick-list .slick-track .slick-slide { display: flex !important; height: auto !important; } .card-container-v2 .lSPager { bottom: -60px; } @media only screen and (min-width: 576px) { .card-container-v2 .lSPager { bottom: -50px; } } .card-container-v2 .lSPager li:not(.active) .timeline-track { width: 0% !important; } .card-container-v2 .lSPager a { display: block; } .card-container-v2 .lSPager .slick-count { display: flex; align-items: center; } .card-container-v2 .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .card-container-v2 .lSPager .counter { font-size: 20px; } } .card-container-v2 .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .card-container-v2 .lSPager .timeline { background: #cbcbcb; } .card-container-v2 .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .card-container-v2 .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .card-container-v2 .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .card-container-v2 .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .card-container-v2 .lSPager .timeline .timeline-track { background: #4F758B; } .card-container-v2 .lSPager li { margin: 0 0 0 12px; width: auto; } .card-container-v2 .lSPager li a { color: #605751; } .card-container-v2 .lSPager li a:hover { text-decoration: none; } .card-container-v2 .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .card-container-v2 .lSPager li.active .timeline { width: 80px; } } .card-container-v2 .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .card-container-v2 .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .card-container-v2 .lSPager li.active a { color: #876632; } [data-segment='varejo'] .card-container-v2 .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .card-container-v2 .lSPager li.active a { color: #252220; } .card-container-v2 .lSAction { width: 48px; height: 46px; z-index: 10; } .card-container-v2 .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #605751; } .card-container-v2 .lSAction .lSPrev { left: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .card-container-v2 .lSAction .lSPrev { left: -16px; } } @media only screen and (min-width: 992px) { .card-container-v2 .lSAction .lSPrev { left: -25px; } } @media only screen and (min-width: 1200px) { .card-container-v2 .lSAction .lSPrev { left: -32px; } } .card-container-v2 .lSAction .lSPrev:before { content: '\e9b1'; } .card-container-v2 .lSAction .lSNext { right: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .card-container-v2 .lSAction .lSNext { right: 0px; } } @media only screen and (min-width: 992px) { .card-container-v2 .lSAction .lSNext { right: -10px; } } @media only screen and (min-width: 1200px) { .card-container-v2 .lSAction .lSNext { right: -14px; } } .card-container-v2 .lSAction .lSNext:before { content: '\e9cd'; } .card-container-v2-with-icons-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .card-container-product-box { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .card-container-product-box { padding-bottom: 32px; } } .card-container-product-box { padding-top: 64px; } @media only screen and (max-width: 767px) { .card-container-product-box { padding-top: 32px; } } /** * Global Styles * Probably duplicated */ [data-segment='empresas'] .card-container .bg-blue .button { background-color: #FFFFFF !important; color: #003767; } .card-container .button { display: block; margin: 32px auto auto; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } [data-segment='empresas'] .card-container .button, [data-segment='varejo'] .card-container .button, [data-segment='uniclass'] .card-container .button, [data-segment='cartoes'] .card-container .button, [data-segment='private'] .card-container .button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .card-container .button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .card-container .button { width: 92%; } } @media only screen and (min-width: 576px) { .card-container .button { width: 240px; } } @media only screen and (min-width: 768px) { .card-container .button { width: 290px; } } @media only screen and (min-width: 1200px) { .card-container .button { width: 350px; } } @media only screen and (min-width: 768px) { .card-container .button { font-size: 19px; } } .card-container .button:hover { background: #ED7E19; } [data-segment='personnalite'] .card-container .button:hover { background: #D6B782; } /** * Component Styles */ [data-segment='empresas'] .card-container { background-color: #EFE9E5; } [data-segment='empresas'] .card-container .bg-blue .card-container__title h2, [data-segment='empresas'] .card-container .bg-blue .card-container__title h3, [data-segment='empresas'] .card-container .bg-blue .card-container__title p, [data-segment='empresas'] .card-container .bg-blue .slick-arrow:before, [data-segment='empresas'] .card-container .bg-blue .slick-dots .slick-active a { color: #FFFFFF !important; } [data-segment='personnalite'] .card-container { background-color: #FFFFFF; } [data-segment='personnalite'] .card-container .bg-image { background-size: cover; } [data-segment='personnalite'] .card-container .bg-image .card-container__title h2, [data-segment='personnalite'] .card-container .bg-image .card-container__title h3, [data-segment='personnalite'] .card-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='varejo'] .card-container { background-color: #FFFFFF; } [data-segment='varejo'] .card-container .bg-image { background-size: cover; } [data-segment='varejo'] .card-container .bg-image .card-container__title h2, [data-segment='varejo'] .card-container .bg-image .card-container__title h3, [data-segment='varejo'] .card-container .bg-image .card-container__title p { color: #FFFFFF !important; } [data-segment='uniclass'] .card-container { background-color: #FFFFFF; } [data-segment='uniclass'] .card-container .bg-image { background-size: cover; } [data-segment='uniclass'] .card-container .bg-image:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.9; background: #4F758B; } [data-segment='uniclass'] .card-container .bg-image .card-container__title h2, [data-segment='uniclass'] .card-container .bg-image .card-container__title h3, [data-segment='uniclass'] .card-container .bg-image .card-container__title p { color: #FFFFFF !important; } .card-container__inner { padding: 32px 0px; } @media only screen and (min-width: 768px) { .card-container__inner { padding: 64px 0px; } } .card-container__inner.bg-image:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0.6; } [data-segment='empresas'] .card-container__inner.bg-image .card-container__title p, [data-segment='empresas'] .card-container__inner.bg-image .card-container__title h2, [data-segment='empresas'] .card-container__inner.bg-image .card-container__title .cmp-text p { color: #FFFFFF; } .card-container__inner .container { position: relative; } .card-container__inner .container .lSSlideOuter { padding: 0px 24px; } @media only screen and (min-width: 992px) { .card-container__inner .container .lSSlideOuter { padding: 0; } } .card-container__inner .container-fluid { position: relative; padding-left: 0; padding-right: 0; } .card-container__title--fluid { position: relative; padding-right: 15px; margin-left: 16px; margin-right: 18px; } @media only screen and (min-width: 576px) { .card-container__title--fluid { margin-left: 35px; } } .card-container__title { position: relative; } @media only screen and (min-width: 768px) { .card-container__title { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .card-container__title h2 { padding: 0; margin-bottom: 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; } [data-segment='empresas'] .card-container__title h2 { color: #003767; } [data-segment='personnalite'] .card-container__title h2 { color: #252220; } [data-segment='varejo'] .card-container__title h2 { color: #EC7000; } [data-segment='uniclass'] .card-container__title h2 { color: #252220; } [data-segment='cartoes'] .card-container__title h2 { color: #003767; } @media only screen and (min-width: 768px) { .card-container__title h2 { font-size: 32px; line-height: 48px; } } .card-container__title p { padding: 0 0 28px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .card-container__title p { color: #312D2B; } [data-segment='personnalite'] .card-container__title p { color: #252220; } [data-segment='uniclass'] .card-container__title p { color: #312D2B; } @media only screen and (min-width: 576px) { .card-container__title p { font-size: 20px; line-height: 30px; padding: 0; } } .card-container__title .overwrite { padding: 0; margin-bottom: 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 14px; color: #312D2B; line-height: 20px; } .card-container__list { align-items: stretch; justify-content: center; flex-wrap: wrap; /** * Authoring Only CSS */ } .card-container__list.authoring-mode { display: block; text-align: center; } .card-container__list.authoring-mode .card { margin-bottom: 30px; text-align: left; } .card-container__list--is-carousel { flex-wrap: nowrap; } .card-container__list:not(.lightSlider) { margin: -15px 0; justify-content: left; } .card-container .slick-list { padding: 6px !important; } .card-container .slick-list .slick-track { display: flex !important; margin-left: 16px; } @media only screen and (min-width: 576px) { .card-container .slick-list .slick-track { margin-left: 35px; } } @media only screen and (min-width: 768px) { .card-container .slick-list .slick-track { margin-left: 0; padding-left: 0; } } .card-container .slick-list .slick-track .slick-slide { display: flex !important; height: auto !important; } .card-container .lSPager { bottom: -60px; } @media only screen and (min-width: 576px) { .card-container .lSPager { bottom: -50px; } } .card-container .lSPager li:not(.active) .timeline-track { width: 0% !important; } .card-container .lSPager a { display: block; } .card-container .lSPager .slick-count { display: flex; align-items: center; } .card-container .lSPager .counter { margin-right: 12px; font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 14px; line-height: 32px; } @media only screen and (min-width: 768px) { .card-container .lSPager .counter { font-size: 20px; } } .card-container .lSPager .timeline { opacity: 0; width: 0; height: 1px; position: relative; top: -2px; background: #D8D8D8; } [data-segment='uniclass'] .card-container .lSPager .timeline { background: #cbcbcb; } .card-container .lSPager .timeline .timeline-track { display: block; height: 3px; position: relative; transition: width 0.3s ease-in-out; top: -2px; } [data-segment='empresas'] .card-container .lSPager .timeline .timeline-track { background: #003767; } [data-segment='personnalite'] .card-container .lSPager .timeline .timeline-track { background: #876632; } [data-segment='varejo'] .card-container .lSPager .timeline .timeline-track { background: #EC7000; } [data-segment='uniclass'] .card-container .lSPager .timeline .timeline-track { background: #4F758B; } .card-container .lSPager li { margin: 0 0 0 12px; width: auto; } .card-container .lSPager li a { color: #605751; } .card-container .lSPager li a:hover { text-decoration: none; } .card-container .lSPager li.active .timeline { display: block; opacity: 1; width: 25px; } @media only screen and (min-width: 768px) { .card-container .lSPager li.active .timeline { width: 80px; } } .card-container .lSPager li.active .timeline .timeline-track { width: 0%; } [data-segment='empresas'] .card-container .lSPager li.active a { color: #003767; } [data-segment='personnalite'] .card-container .lSPager li.active a { color: #876632; } [data-segment='varejo'] .card-container .lSPager li.active a { color: #EC7000; } [data-segment='uniclass'] .card-container .lSPager li.active a { color: #252220; } .card-container .lSAction { width: 48px; height: 46px; z-index: 10; } .card-container .lSAction:before { font-family: 'itau-icon'; font-size: 48px; color: #605751; } .card-container .lSAction .lSPrev { left: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .card-container .lSAction .lSPrev { left: -16px; } } @media only screen and (min-width: 992px) { .card-container .lSAction .lSPrev { left: -25px; } } @media only screen and (min-width: 1200px) { .card-container .lSAction .lSPrev { left: -32px; } } .card-container .lSAction .lSPrev:before { content: '\e9b1'; } .card-container .lSAction .lSNext { right: -45px; font-family: 'itau-icon'; font-size: 48px; color: #605751; } @media only screen and (min-width: 768px) { .card-container .lSAction .lSNext { right: 0px; } } @media only screen and (min-width: 992px) { .card-container .lSAction .lSNext { right: -10px; } } @media only screen and (min-width: 1200px) { .card-container .lSAction .lSNext { right: -14px; } } .card-container .lSAction .lSNext:before { content: '\e9cd'; } .card-container-with-icons-list { display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .card-container-with-icons-list { padding: 0 20px; margin: 8px -20px 42px !important; } } /** * Global Styles * Probably duplicated */ .card-comparative .link { color: #007AB7; font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; text-decoration: underline; } /** * Component Styles */ .card-comparative { position: relative; display: inline-block; vertical-align: top; padding: 16px; flex-shrink: 0; width: 100%; margin: 15px 0; min-height: 302px; background: #FFFFFF; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); border: 0; border-radius: 5px; overflow: hidden; } @media screen and (min-width: 576px) and (max-width: 767px) { .card-comparative { min-height: auto; } } @media only screen and (min-width: 768px) { .card-comparative { width: 28.4%; margin: 15px 47px 15px 0; min-height: 392px; padding: 24px; } .card-comparative:nth-child(3n) { margin: 15px 0; } } @media only screen and (min-width: 992px) { .card-comparative { width: 29.66%; min-height: 344px; display: inline-block; } } @media only screen and (min-width: 1200px) { .card-comparative { width: 30.26%; } } .card-comparative__inner { display: flex; flex-direction: column; flex-grow: 1; } @media only screen and (min-width: 576px) { .card-comparative__inner { flex-direction: row; } } @media only screen and (min-width: 768px) { .card-comparative__inner { flex-direction: column; } } @media only screen and (min-width: 992px) { .card-comparative__thumbnail { min-height: 215px; } } @media only screen and (min-width: 1200px) { .card-comparative__thumbnail { min-height: 175px; } } .card-comparative__thumbnail a:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 8px; transition: width 0.3s ease-in-out; } [data-segment='empresas'] .card-comparative__thumbnail a:before { background-color: #003767; } [data-segment='varejo'] .card-comparative__thumbnail a:before { background-color: #EC7000; } [data-segment='personnalite'] .card-comparative__thumbnail a:before { background-color: #876632; } .card-comparative__thumbnail a:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .card-comparative__thumbnail a:hover:before { width: 100%; } .card-comparative__thumbnail img { object-fit: cover; display: block; width: 100%; height: auto; min-height: 156px; margin-bottom: 16px; padding-bottom: 0; } @media only screen and (min-width: 576px) { .card-comparative__thumbnail img { width: 213px; height: 100%; padding: 0 24px 0 0; margin-bottom: 0; } } @media only screen and (min-width: 768px) { .card-comparative__thumbnail img { width: 100%; padding: 0 0 16px; } } .card-comparative__body { display: flex; flex: 1; flex-direction: column; justify-content: space-between; height: auto; position: relative; } @media screen and (min-width: 768px) and (max-width: 991px) { .card-comparative__caption h2 { min-height: 68px; } } .card-comparative__caption + .card-comparative__footer { padding: 20px 0 0; } .card-comparative__caption h1, .card-comparative__caption h2, .card-comparative__caption h3, .card-comparative__caption h4, .card-comparative__caption h5, .card-comparative__caption h6 { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } [data-segment='empresas'] .card-comparative__caption h1, [data-segment='empresas'] .card-comparative__caption h2, [data-segment='empresas'] .card-comparative__caption h3, [data-segment='empresas'] .card-comparative__caption h4, [data-segment='empresas'] .card-comparative__caption h5, [data-segment='empresas'] .card-comparative__caption h6 { color: #003767; } [data-segment='personnalite'] .card-comparative__caption h1, [data-segment='personnalite'] .card-comparative__caption h2, [data-segment='personnalite'] .card-comparative__caption h3, [data-segment='personnalite'] .card-comparative__caption h4, [data-segment='personnalite'] .card-comparative__caption h5, [data-segment='personnalite'] .card-comparative__caption h6 { color: #312D2B; } [data-segment='uniclass'] .card-comparative__caption h1, [data-segment='uniclass'] .card-comparative__caption h2, [data-segment='uniclass'] .card-comparative__caption h3, [data-segment='uniclass'] .card-comparative__caption h4, [data-segment='uniclass'] .card-comparative__caption h5, [data-segment='uniclass'] .card-comparative__caption h6 { color: #4F758B; } @media only screen and (min-width: 768px) { .card-comparative__caption h1, .card-comparative__caption h2, .card-comparative__caption h3, .card-comparative__caption h4, .card-comparative__caption h5, .card-comparative__caption h6 { font-size: 20px; line-height: 30px; } } .card-comparative__caption p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; } [data-segment='empresas'] .card-comparative__caption p { color: #252220; } [data-segment='personnalite'] .card-comparative__caption p { color: #252220; } [data-segment='uniclass'] .card-comparative__caption p { color: #252220; } @media only screen and (min-width: 768px) { .card-comparative__caption p { font-size: 16px; line-height: 24px; } } .card-comparative__footer .button { margin: 0 auto auto; width: 100%; } .card-box-comparative section { padding-top: 64px; } @media only screen and (max-width: 767px) { .card-box-comparative section { padding-top: 32px; } } @media only screen and (min-width: 576px) { .card-box-comparative .title-d-container { margin-bottom: 0; } } .card-box-comparative .background-areia { background-color: #EFE9E5; } .card-box-comparative .card-box-container .card-box-areia { background-color: #EFE9E5; } .card-box-comparative .card-box-container .card-box-branco { background-color: #FFFFFF; } .card-box-comparative .card-box-container li { float: left; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .title-container { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .title-container { margin-left: 0px; margin-right: 0px; } } .card-box-comparative .card-box-container .two-boxes { border: 1px solid #E2E2E2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); float: left; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .two-boxes { width: 289px; height: 133px; margin-left: 0px; margin-right: 16px; margin-bottom: 16px; margin-top: 0px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .two-boxes { width: 240px; height: 164px; margin-left: 15px; margin-right: 15px; margin-bottom: 0px; margin-top: 24px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .two-boxes { width: 330px; height: 172px; margin-left: 15px; margin-right: 15px; margin-top: 32px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .two-boxes { width: 450px; height: 172px; margin-left: 15px; margin-right: 15px; } } @media only screen and (min-width: 1200px) { .card-box-comparative .card-box-container .two-boxes { width: 540px; height: 172px; margin-left: 15px; margin-right: 15px; } } .card-box-comparative .card-box-container .two-boxes h3 { font-family: ItauDisplay-Regular; color: #4A4A4A; letter-spacing: 0; height: 60px; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .two-boxes h3 { margin: 16px 16px 8px 16px; font-size: 18px; line-height: 27px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .two-boxes h3 { height: 91px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .two-boxes h3 { margin: 24px 24px 16px 24px; font-size: 20px; line-height: 30px; height: 60px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .two-boxes h3 { height: 60px; } } @media only screen and (min-width: 1200px) { .card-box-comparative .card-box-container .two-boxes h3 { margin: 24px 38px 16px 24px; } } .card-box-comparative .card-box-container .two-boxes p { font-family: ItauText-XBold; color: #EC7000; } [data-segment='personnalite'] .card-box-comparative .card-box-container .two-boxes p { color: #252220; } [data-segment='uniclass'] .card-box-comparative .card-box-container .two-boxes p { color: #4F758B; } [data-segment='private'] .card-box-comparative .card-box-container .two-boxes p { color: #252220; } [data-segment='empresas'] .card-box-comparative .card-box-container .two-boxes p { color: #003767; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .two-boxes p { margin: 16px 38px 24px 16px; font-size: 22px; line-height: 33px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .two-boxes p { margin: 8px 16px 16px 16px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .two-boxes p { margin: 16px 17px 24px 24px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .two-boxes p { margin: 16px 24px 24px 24px; } } @media only screen and (min-width: 1200px) { .card-box-comparative .card-box-container .two-boxes p { margin: 16px 38px 24px 24px; } } .card-box-comparative .card-box-container .three-boxes { border: 1px solid #E2E2E2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); float: left; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .three-boxes { width: 289px; height: 133px; margin-left: 0px; margin-right: 16px; margin-bottom: 16px; margin-top: 0px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .three-boxes { width: 240px; height: 164px; margin-left: 15px; margin-right: 15px; margin-bottom: 0px; margin-top: 24px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .three-boxes { width: 210px; height: 224px; margin-left: 15px; margin-right: 15px; margin-bottom: 0px; margin-top: 32px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .three-boxes { width: 290px; height: 172px; margin-left: 15px; margin-right: 15px; } } @media only screen and (min-width: 1200px) { .card-box-comparative .card-box-container .three-boxes { width: 350px; height: 172px; margin-left: 15px; margin-right: 15px; } } .card-box-comparative .card-box-container .three-boxes h3 { font-family: ItauDisplay-Regular; color: #4A4A4A; letter-spacing: 0; line-height: 30px; height: 60px; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .three-boxes h3 { margin: 16px 16px 8px 16px; font-size: 18px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .three-boxes h3 { height: 91px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .three-boxes h3 { margin: 24px 24px 16px 24px; font-size: 20px; height: 120px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .three-boxes h3 { height: 60px; } } .card-box-comparative .card-box-container .three-boxes p { font-family: ItauText-XBold; color: #EC7000; } [data-segment='personnalite'] .card-box-comparative .card-box-container .three-boxes p { color: #252220; } [data-segment='uniclass'] .card-box-comparative .card-box-container .three-boxes p { color: #4F758B; } [data-segment='private'] .card-box-comparative .card-box-container .three-boxes p { color: #252220; } [data-segment='empresas'] .card-box-comparative .card-box-container .three-boxes p { color: #003767; } @media only screen and (min-width: 320px) { .card-box-comparative .card-box-container .three-boxes p { margin: 0px 16px 16px 16px; font-size: 22px; line-height: 33px; } } @media only screen and (min-width: 576px) { .card-box-comparative .card-box-container .three-boxes p { margin: 8px 16px 16px 16px; } } @media only screen and (min-width: 768px) { .card-box-comparative .card-box-container .three-boxes p { margin: 16px 24px 24px 24px; font-size: 32px; line-height: 48px; } } @media only screen and (min-width: 992px) { .card-box-comparative .card-box-container .three-boxes p { margin: 16px 17px 24px 24px; } } .card-box-comparative .card-box-container .container { margin-top: 32px; margin-bottom: 32px; } .card-box-comparative .bg-blue .title-container h2, .card-box-comparative .bg-blue .title-container p { color: #FFFFFF !important; } .card-box-comparative .bg-blue .two-boxes h3, .card-box-comparative .bg-blue .two-boxes p, .card-box-comparative .bg-blue .three-boxes h3, .card-box-comparative .bg-blue .three-boxes p { color: #FFFFFF !important; } .card-box-comparative .bg-blue .card-box-areia h3, .card-box-comparative .bg-blue .card-box-areia p { color: #605751 !important; } .card-container__title { margin-bottom: 32px; } .card-container, .card-container-v2 { /** * Global Styles * Probably duplicated */ /** * Component Styles */ } .card-container .card .link, .card-container-v2 .card .link { color: #007AB7; font-family: 'ItauText-Light', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; text-decoration: underline; } .card-container .lSAction > a, .card-container-v2 .lSAction > a { margin-top: 0 !important; } .card-container .card, .card-container-v2 .card { position: relative; display: inline-block; flex-shrink: 0; margin: 15px 0px 15px 32px; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); border: 0; border-radius: 5px; } [data-segment='personnalite'] .card-container .card, [data-segment='personnalite'] .card-container-v2 .card { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } [data-segment='uniclass'] .card-container .card, [data-segment='uniclass'] .card-container-v2 .card { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } @media screen and (min-width: 320px) and (max-width: 575px) { .card-container .card, .card-container-v2 .card { width: 183px !important; } .card-container .card:first-of-type, .card-container-v2 .card:first-of-type { margin: 15px 0px 15px 16px; } } @media only screen and (min-width: 576px) { .card-container .card, .card-container-v2 .card { margin: 16px 0 16px 29px; width: 330px !important; } } @media only screen and (min-width: 768px) { .card-container .card, .card-container-v2 .card { margin: 15px 15px 15px 32px; width: 270px !important; } } @media only screen and (min-width: 992px) { .card-container .card, .card-container-v2 .card { margin: 15px 0 15px 27px; width: 208px !important; } .card-container .card:first-of-type, .card-container-v2 .card:first-of-type { margin: 15px 0px 15px 3px; } } @media only screen and (min-width: 1200px) { .card-container .card, .card-container-v2 .card { width: 253px !important; } } .card-container .card a.card__inner:hover, .card-container-v2 .card a.card__inner:hover { text-decoration: none; color: inherit; } .card-container .card__inner, .card-container-v2 .card__inner { display: flex; flex-direction: column; flex-grow: 1; } @media only screen and (min-width: 576px) { .card-container .card__inner, .card-container-v2 .card__inner { flex-direction: row; } } @media only screen and (min-width: 768px) { .card-container .card__inner, .card-container-v2 .card__inner { flex-direction: column; } } .card-container .card__thumbnail img, .card-container-v2 .card__thumbnail img { object-fit: cover; display: block; width: 100%; height: 156px; border-radius: 5px 5px 0 0; } @media only screen and (min-width: 576px) { .card-container .card__thumbnail img, .card-container-v2 .card__thumbnail img { width: 150px; height: 304px; border-radius: 5px 0 0 5px; } } @media only screen and (min-width: 768px) { .card-container .card__thumbnail img, .card-container-v2 .card__thumbnail img { width: 100%; height: 156px; border-radius: 5px 5px 0 0; } } .card-container .card__body, .card-container-v2 .card__body { padding: 24px; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-height: 232px; height: auto; } .card-container .card__caption + .card__footer, .card-container-v2 .card__caption + .card__footer { padding: 20px 0 0; } @media screen and (min-width: 320px) and (max-width: 575px) { .card-container .card__caption + .card__footer, .card-container-v2 .card__caption + .card__footer { left: 16px; } } .card-container .card__caption h1, .card-container .card__caption h2, .card-container .card__caption h3, .card-container .card__caption h4, .card-container .card__caption h5, .card-container .card__caption h6, .card-container-v2 .card__caption h1, .card-container-v2 .card__caption h2, .card-container-v2 .card__caption h3, .card-container-v2 .card__caption h4, .card-container-v2 .card__caption h5, .card-container-v2 .card__caption h6 { padding: 0 0 8px; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 20px; line-height: 30px; } [data-segment='empresas'] .card-container .card__caption h1, [data-segment='empresas'] .card-container .card__caption h2, [data-segment='empresas'] .card-container .card__caption h3, [data-segment='empresas'] .card-container .card__caption h4, [data-segment='empresas'] .card-container .card__caption h5, [data-segment='empresas'] .card-container .card__caption h6, [data-segment='empresas'] .card-container-v2 .card__caption h1, [data-segment='empresas'] .card-container-v2 .card__caption h2, [data-segment='empresas'] .card-container-v2 .card__caption h3, [data-segment='empresas'] .card-container-v2 .card__caption h4, [data-segment='empresas'] .card-container-v2 .card__caption h5, [data-segment='empresas'] .card-container-v2 .card__caption h6 { color: #003767; } [data-segment='personnalite'] .card-container .card__caption h1, [data-segment='personnalite'] .card-container .card__caption h2, [data-segment='personnalite'] .card-container .card__caption h3, [data-segment='personnalite'] .card-container .card__caption h4, [data-segment='personnalite'] .card-container .card__caption h5, [data-segment='personnalite'] .card-container .card__caption h6, [data-segment='personnalite'] .card-container-v2 .card__caption h1, [data-segment='personnalite'] .card-container-v2 .card__caption h2, [data-segment='personnalite'] .card-container-v2 .card__caption h3, [data-segment='personnalite'] .card-container-v2 .card__caption h4, [data-segment='personnalite'] .card-container-v2 .card__caption h5, [data-segment='personnalite'] .card-container-v2 .card__caption h6 { color: #312D2B; } [data-segment='varejo'] .card-container .card__caption h1, [data-segment='varejo'] .card-container .card__caption h2, [data-segment='varejo'] .card-container .card__caption h3, [data-segment='varejo'] .card-container .card__caption h4, [data-segment='varejo'] .card-container .card__caption h5, [data-segment='varejo'] .card-container .card__caption h6, [data-segment='varejo'] .card-container-v2 .card__caption h1, [data-segment='varejo'] .card-container-v2 .card__caption h2, [data-segment='varejo'] .card-container-v2 .card__caption h3, [data-segment='varejo'] .card-container-v2 .card__caption h4, [data-segment='varejo'] .card-container-v2 .card__caption h5, [data-segment='varejo'] .card-container-v2 .card__caption h6 { color: #312D2B; } [data-segment='uniclass'] .card-container .card__caption h1, [data-segment='uniclass'] .card-container .card__caption h2, [data-segment='uniclass'] .card-container .card__caption h3, [data-segment='uniclass'] .card-container .card__caption h4, [data-segment='uniclass'] .card-container .card__caption h5, [data-segment='uniclass'] .card-container .card__caption h6, [data-segment='uniclass'] .card-container-v2 .card__caption h1, [data-segment='uniclass'] .card-container-v2 .card__caption h2, [data-segment='uniclass'] .card-container-v2 .card__caption h3, [data-segment='uniclass'] .card-container-v2 .card__caption h4, [data-segment='uniclass'] .card-container-v2 .card__caption h5, [data-segment='uniclass'] .card-container-v2 .card__caption h6 { color: #4F758B; } .card-container .card__caption p, .card-container-v2 .card__caption p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; color: #252220; } .card-container .card__footer .button, .card-container-v2 .card__footer .button { margin: 0 auto auto; width: 100%; } .card-container .card-with-text, .card-container-v2 .card-with-text { height: 448px; } @media only screen and (min-width: 576px) { .card-container .card-with-text, .card-container-v2 .card-with-text { height: 304px !important; } } @media only screen and (min-width: 768px) { .card-container .card-with-text, .card-container-v2 .card-with-text { min-height: 388px; } } @media only screen and (min-width: 992px) { .card-container .card-with-text, .card-container-v2 .card-with-text { height: 354px !important; } } .card-container .card-without-text, .card-container-v2 .card-without-text { height: 258px !important; } .card-container .card-without-text .card-title, .card-container-v2 .card-without-text .card-title { z-index: 99999; position: absolute; bottom: 0; margin: 0; display: flex !important; flex-direction: column-reverse; } .card-container .card-without-text .card-title h2, .card-container-v2 .card-without-text .card-title h2 { padding: 0 10px 16px 10px; color: #FFFFFF; font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 20px; } .card-container .card-without-text .card-bg, .card-container-v2 .card-without-text .card-bg { height: 70%; width: 100%; z-index: 99999; position: absolute; display: flex !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+40,000000+100&0+0,0.7+40,0.7+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */ } .card-container .card-without-text .card__inner, .card-container-v2 .card-without-text .card__inner { height: 100%; width: 100%; } .card-container .card-without-text .card__inner .card__thumbnail, .card-container-v2 .card-without-text .card__inner .card__thumbnail { height: 100%; width: 100%; } .card-container .card-without-text .card__inner .card__thumbnail img, .card-container-v2 .card-without-text .card__inner .card__thumbnail img { height: 100%; width: 100%; } .button-help .but-duvidas { display: flex; flex-direction: row; align-items: center; background: transparent; border-radius: 32px; padding: 5px 15px 3px 10px; font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 16px; color: #FFFFFF; position: fixed; z-index: 1039; bottom: 30px; right: 20px; line-height: 2; height: 40px; } @media only screen and (min-width: 576px) { [data-segment='varejo'] .button-help .but-duvidas, [data-segment='cartoes'] .button-help .but-duvidas { color: #FFFFFF; background: #EC7000; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='private'] .button-help .but-duvidas { color: #FFFFFF; background: #7E8083; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='personnalite'] .button-help .but-duvidas { color: #876632; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='uniclass'] .button-help .but-duvidas { color: #4F758B; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='empresas'] .button-help .but-duvidas { color: #FFFFFF; background: #003767; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 1200px) { .button-help .but-duvidas { right: 40px; bottom: 30px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .button-help .but-duvidas { right: 30px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .button-help .but-duvidas { background: none; bottom: 30px; padding: 0px; z-index: 1002; } } .button-help .but-duvidas .edit-mode { position: relative; bottom: 0; right: 0; } .button-help .but-duvidas span { color: #FFFFFF; background: transparent; border-radius: 50px; font-size: 12px; margin: 0 10px 0 0; padding: 3px; float: left; border: 1px solid; } [data-segment='varejo'] .button-help .but-duvidas span, [data-segment='cartoes'] .button-help .but-duvidas span { background: #EC7000; color: #FFFFFF; } [data-segment='private'] .button-help .but-duvidas span { color: #FFFFFF; background: #7E8083; } [data-segment='personnalite'] .button-help .but-duvidas span { background: #FFFFFF; color: #876632; } [data-segment='uniclass'] .button-help .but-duvidas span { background: #FFFFFF; color: #4F758B; } @media screen and (min-width: 320px) and (max-width: 575px) { .button-help .but-duvidas span { border: 0px; margin: 0; padding: 15px; background: #003767; color: #FFFFFF; font-size: 17px; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } .button-help .but-duvidas p { font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 19px; color: #FFFFFF; display: inline-block; margin: 0; padding: -2px 0 2px 0; } [data-segment='personnalite'] .button-help .but-duvidas p { color: #876632; } [data-segment='uniclass'] .button-help .but-duvidas p { color: #4F758B; } @media screen and (min-width: 320px) and (max-width: 575px) { .button-help .but-duvidas p { display: none; } } .button-help .but-duvidas .btduvidas-azul { background: #003767; color: #FFFFFF; } .button-help .but-duvidas .btduvidas-azul span { color: #FFFFFF; border-color: #FFFFFF; } .button-help .but-duvidas .btduvidas-azul p { color: #FFFFFF; } .button-help .but-duvidas .btduvidas-azul :active { background: #003767; } .button-help .but-duvidas .btduvidas-azul .disable { background: #D9D3CF; } [data-segment='varejo'] .bg-image .title-d-container.color-default .title-d-container__title { color: #EC7000; } [data-segment='empresas'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='cartoes'] .bg-image .title-d-container.color-default .title-d-container__title { color: #003767; } [data-segment='uniclass'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='private'] .bg-image .title-d-container.color-default .title-d-container__title, [data-segment='personnalite'] .bg-image .title-d-container.color-default .title-d-container__title { color: #252220; } [data-segment] .bg-image .title-d-container.color-default .title-d-container__subtitle { color: #252220; } .button-container .itau-button { display: block; margin-top: 32px; padding: 14px 15px 8px; font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; border-radius: 4px; text-decoration: none; } .button-container .itau-button.center { margin: 32px; } [data-segment='empresas'] .button-container .itau-button, [data-segment='varejo'] .button-container .itau-button, [data-segment='uniclass'] .button-container .itau-button, [data-segment='cartoes'] .button-container .itau-button, [data-segment='private'] .button-container .itau-button { background-color: #EC7000; color: #FFFFFF; } [data-segment='personnalite'] .button-container .itau-button { background-color: #D0A967; color: #252220; } @media only screen and (min-width: 320px) { .button-container .itau-button { width: 100%; } } @media only screen and (min-width: 576px) { .button-container .itau-button { width: 240px; } } @media only screen and (min-width: 768px) { .button-container .itau-button { width: 290px; } } @media only screen and (min-width: 1200px) { .button-container .itau-button { width: 350px; } } @media only screen and (min-width: 768px) { .button-container .itau-button { font-size: 19px; } } .button-container .itau-button:hover { background: #ED7E19; } [data-segment='personnalite'] .button-container .itau-button:hover { color: #252220; background-color: #AD8748; } .breadcrumb-header { background-color: #FFFFFF; padding-top: 0; padding-bottom: 0; margin-bottom: 0px; } @media only screen and (max-width: 575px) { .breadcrumb-header .container { margin-left: 0px; padding-left: 0px; } } .breadcrumb-header .breadcrumb-section-header h1 { font-size: 40px; color: #252220; font-family: ItauDisplay-XBold; line-height: 60px; } @media only screen and (max-width: 575px) { .breadcrumb-header .breadcrumb-section-header h1 { font-size: 30px; } } .breadcrumb-header .breadcrumb-section-header .container { padding: 0; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb { width: 100%; background-color: #FFFFFF; margin-top: 64px; margin-bottom: 8px; padding: 0; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; padding: 0; text-align: center; display: flex; align-items: center; color: #FFFFFF; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item:first-child::before { display: none; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item::before { width: 24px; margin-left: 8px; margin-right: 8px; padding-bottom: 1.5px; text-align: center; padding-right: 0px; font-family: 'itau-icon' !important; speak: none; font-size: 16px; line-height: 24px; vertical-align: middle; -webkit-font-smoothing: antialiased; font-variant: normal; content: '\e9cd'; color: #D2D2D2; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item a, .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item span { line-height: 24px; text-decoration: none; text-align: center; vertical-align: middle; font-size: 18px; font-family: ItauDisplay-Regular; color: #252220; } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item .icon-itaufonts_seta { color: #605751; font-size: 24px; margin-left: -5px; line-height: 20px; min-height: 20px; } @media only screen and (max-width: 575px) { .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item .icon-itaufonts_seta { font-size: 18px; } } .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item .breadcrumb-text { margin-left: 20px; line-height: 30px; min-height: 30px; padding-top: 5px; } @media only screen and (max-width: 575px) { .breadcrumb-header .breadcrumb-section-header .container .breadcrumb .breadcrumb-item .breadcrumb-text { font-size: 16px; } } .breadcrumb-header .no-margin { margin-bottom: 0px; } .breadcrumb-header .margin-bottom { margin-bottom: 64px; } .breadcrumb-section { background-color: transparent; } .breadcrumb-section .container { padding: 0; margin: 0; } .breadcrumb-section .container .breadcrumb { width: 100%; background-color: transparent; margin-top: 20px; margin-bottom: 20px; padding: 0; } .breadcrumb-section .container .breadcrumb .breadcrumb-item { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 16px; line-height: 24px; padding: 0; text-align: center; color: #FFFFFF; padding-top: 1.5px; } .breadcrumb-section .container .breadcrumb .breadcrumb-item:first-child::before { display: none; } .breadcrumb-section .container .breadcrumb .breadcrumb-item::before { width: 24px; margin-left: 8px; margin-right: 8px; padding-bottom: 1.5px; text-align: center; padding-right: 0px; font-family: 'itau-icon' !important; speak: none; font-size: 16px; line-height: 24px; vertical-align: middle; -webkit-font-smoothing: antialiased; font-variant: normal; content: '\e9cd'; color: #D2D2D2; } .breadcrumb-section .container .breadcrumb .breadcrumb-item.remove-separador::before { display: none; } .breadcrumb-section .container .breadcrumb .breadcrumb-item a, .breadcrumb-section .container .breadcrumb .breadcrumb-item span { line-height: 24px; text-decoration: none; text-align: center; color: #D2D2D2; } .box-help .box-help-button { border: none; background: transparent; border-radius: 32px; padding: 5px 15px 3px 10px; font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 16px; color: #FFFFFF; position: fixed; z-index: 1039; line-height: 2; height: 40px; display: none; cursor: pointer; transition: opacity .5s ease-in-out, bottom .5s ease-in-out; opacity: 1; bottom: 30px; } .box-help .box-help-button.hide { opacity: 0; bottom: -90px; } .box-help .box-help-button.edit-mode { position: relative; max-width: 300px; float: right; } @media only screen and (min-width: 576px) { [data-segment='varejo'] .box-help .box-help-button, [data-segment='cartoes'] .box-help .box-help-button { color: #FFFFFF; background: #EC7000; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='private'] .box-help .box-help-button { color: #FFFFFF; background: #7E8083; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='personnalite'] .box-help .box-help-button { color: #876632; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='uniclass'] .box-help .box-help-button { color: #4F758B; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media only screen and (min-width: 576px) { [data-segment='empresas'] .box-help .box-help-button { color: #FFFFFF; background: #003767; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } @media screen and (min-width: 320px) and (max-width: 575px) { .box-help .box-help-button { background: none; padding: 0px; z-index: 1002; } } .box-help .box-help-button .edit-mode { position: relative; bottom: 0; right: 0; } .box-help .box-help-button span { color: #FFFFFF; background: transparent; border-radius: 50px; font-size: 12px; margin: 5px 10px 0 0; padding: 3px; float: left; border: 1px solid; } [data-segment='varejo'] .box-help .box-help-button span, [data-segment='cartoes'] .box-help .box-help-button span { background: #EC7000; color: #FFFFFF; } [data-segment='private'] .box-help .box-help-button span { color: #FFFFFF; background: #7E8083; } [data-segment='personnalite'] .box-help .box-help-button span { background: #FFFFFF; color: #876632; } [data-segment='uniclass'] .box-help .box-help-button span { background: #FFFFFF; color: #4F758B; } @media screen and (min-width: 320px) and (max-width: 575px) { .box-help .box-help-button span { border: 0px; margin: 0; padding: 15px; background: #003767; color: #FFFFFF; font-size: 17px; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); } } .box-help .box-help-button p { font-family: 'ItauText-XBold', 'Myriad Pro', Arial; font-size: 16px; color: #FFFFFF; display: inline-block; margin: 0; padding: -2px 0 2px 0; } [data-segment='personnalite'] .box-help .box-help-button p { color: #876632; } [data-segment='uniclass'] .box-help .box-help-button p { color: #4F758B; } @media screen and (min-width: 320px) and (max-width: 575px) { .box-help .box-help-button p { display: none; } } .box-help .box-help-button .btduvidas-azul { background: #003767; color: #FFFFFF; } .box-help .box-help-button .btduvidas-azul span { color: #FFFFFF; border-color: #FFFFFF; } .box-help .box-help-button .btduvidas-azul p { color: #FFFFFF; } .box-help .box-help-button .btduvidas-azul :active { background: #003767; } .box-help .box-help-button .btduvidas-azul .disable { background: #D9D3CF; } .box-help .box-help-container { background-color: #EFE9E5; border-radius: 10px 10px 0 0; height: 468px; width: 320px; overflow-y: hidden; z-index: 10; } @media only screen and (max-width: 575px) { .box-help .box-help-container { border-radius: 0; height: 95%; width: 100%; } } .box-help .box-help-container .box-help-nav { background-color: #FFFFFF; align-items: center; border-radius: 10px 10px 0 0; display: flex; flex-direction: row; justify-content: space-between; padding: 14px; } @media only screen and (max-width: 575px) { .box-help .box-help-container .box-help-nav { border-radius: 0; } } .box-help .box-help-container .box-help-nav .box-help-nav-titles { display: flex; justify-content: flex-start; align-items: baseline; } .box-help .box-help-container .box-help-nav .box-help-nav-titles .icon-itaufonts_ajuda { color: #EC7000; background: transparent; border-radius: 50px; font-size: 16px; margin: 0 16px 0 0; padding: 3px; float: left; border: 1px solid #EC7000; } .box-help .box-help-container .box-help-nav .box-help-nav-titles .box-help-return { color: #EC7000; font-size: 24px; margin: 0 16px 0 0; line-height: 24px; cursor: pointer; } .box-help .box-help-container .box-help-nav .box-help-nav-titles h2 { font-family: ItauDisplay-XBold; font-size: 20px; color: #EC7000; line-height: 25px; align-self: center; } .box-help .box-help-container .box-help-nav .icon-itaufonts_fechar { color: #EC7000; font-size: 24px; line-height: 24px; cursor: pointer; } .box-help .box-help-container .box-help-nav .video-title, .box-help .box-help-container .box-help-nav .duvidas-title, .box-help .box-help-container .box-help-nav .fale-title, .box-help .box-help-container .box-help-nav .button-title { display: none; } .box-help .box-help-container .box-help-nav .title.active { display: block; } .box-help .box-help-container .box-help-tab { display: none; overflow-y: auto; padding-bottom: 130px; } .box-help .box-help-container .box-help-tab.active { display: block; } .box-help .box-help-container .box-help-tab h3 { color: #252220; font-family: ItauText-Regular; font-size: 16px; line-height: 24px; margin: 25px 0 15px 15px; } .box-help .box-help-container .box-help-tab h3 span { font-family: ItauText-Bold; font-size: 16px; color: #13100E; line-height: 24px; } .box-help .box-help-container .box-help-tab .box-help-interno { overflow-y: scroll; overflow-x: hidden; height: 430px; } .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-video, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-duvidas, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-fale-conosco { align-items: flex-start; background-color: #FFFFFF; display: flex; justify-content: flex-start; margin-bottom: 8px; padding: 16px; cursor: pointer; } .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-video span, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-duvidas span, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-fale-conosco span { color: #EC7000; font-size: 40px; padding-right: 13px; } .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-video .tab-title, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-duvidas .tab-title, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-fale-conosco .tab-title { font-family: ItauDisplay-XBold; font-size: 20px; color: #312D2B; line-height: 28px; } .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-video .tab-subtitle, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-duvidas .tab-subtitle, .box-help .box-help-container .box-help-tab .box-help-interno .tabs .tab-fale-conosco .tab-subtitle { font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; } @media screen and (min-width: 768px) and (max-width: 991px) { .box-help .box-help-container .box-help-tab .box-help-interno { height: 400px; } } .box-help .box-help-container .box-help-tab .tab-video-container { margin: 0 15px; } .box-help .box-help-container .box-help-tab .tab-video-container .video { align-items: center; background-color: #FFFFFF; border-radius: 8px; cursor: pointer; display: flex; justify-content: flex-start; margin-bottom: 8px; } .box-help .box-help-container .box-help-tab .tab-video-container .video .thumb-video { margin-right: 15px; display: flex; justify-content: center; align-items: center; } .box-help .box-help-container .box-help-tab .tab-video-container .video .thumb-video span { color: #FFFFFF; align-items: center; font-size: 36px; position: absolute; margin: 0 16px 0 0; } .box-help .box-help-container .box-help-tab .tab-video-container .video .thumb-video img { border-radius: 8px 0 0 8px; height: 96px; width: 76px; } .box-help .box-help-container .box-help-tab .tab-video-container .video p { font-family: ItauText-Regular; font-size: 16px; color: #252220; line-height: 24px; } .box-help .box-help-container .box-help-tab .list-duvidas .duvidas { background-color: #FFFFFF; margin-bottom: 8px; padding: 24px 15px 24px 15px; } .box-help .box-help-container .box-help-tab .list-duvidas .duvidas p a { color: #252220; font-family: ItauText-Regular; font-size: 16px; line-height: 24px; text-decoration: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .box-help .box-help-container .box-help-tab .list-duvidas .duvidas p a span { font-size: 24px; color: #EC7000; line-height: 24px; } .box-help .box-help-container .box-help-tab .list-fale .fale { background-color: #FFFFFF; margin-bottom: 8px; padding: 24px 15px 24px 15px; } .box-help .box-help-container .box-help-tab .list-fale .fale p a { color: #252220; font-family: ItauText-Regular; font-size: 16px; line-height: 24px; text-decoration: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .box-help .box-help-container .box-help-tab .list-fale .fale p a span { font-size: 24px; color: #EC7000; line-height: 24px; } .box-help .box-help-float { position: fixed; display: block; right: 20px; bottom: 30px; border: none; box-shadow: 0 0 15px 7px #00000024; } @media only screen and (max-width: 575px) { .box-help .box-help-float { right: 0px; bottom: 0px; z-index: 99999; } } @media only screen and (max-width: 319px) { .box-help .box-help-float { z-index: 99999; } } @media only screen and (max-width: 575px) { .box-help .box-help-button { right: 20px; bottom: 30px; z-index: 1; } } .box-help .internal-button-help { background-color: #EC7000; width: 100%; height: 48px; position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; } .box-help .internal-button-help p a { color: #FFFFFF; font-family: ItauDisplay-Bold; font-size: 19px; letter-spacing: 0; text-align: center; text-decoration: none; line-height: 20px; cursor: pointer; } @media only screen and (min-width: 1200px) { .box-help { right: 40px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .box-help { right: 30px; } } @media screen and (min-width: 320px) and (max-width: 575px) { .box-help { z-index: 1002; } } .billet-services { width: 100%; font-family: "ItauText-Regular", "Myriad Pro", Arial; margin: 40px auto; } @media only screen and (max-width: 575px) { .billet-services .container { padding-right: 0; padding-left: 0; } } .billet-services__title { flex: none; } @media only screen and (max-width: 575px) { .billet-services__title { padding-right: 15px; padding-left: 15px; } } .billet-services__error-message { position: relative; border: 1px solid #781B8E; border-radius: 4px; color: #252220; padding: 15px; background-color: rgba(120, 27, 142, 0.1); margin-bottom: 24px; } @media only screen and (min-width: 768px) { .billet-services__error-message { padding: 24px 64px; } } .billet-services__error-message__header { display: flex; flex-wrap: wrap; justify-content: space-between; } @media only screen and (min-width: 768px) { .billet-services__error-message__header { justify-content: flex-start; flex-wrap: nowrap; } } .billet-services__error-message__header__icon { font-size: 24px; color: #781B8E; } @media only screen and (min-width: 768px) { .billet-services__error-message__header__icon { position: absolute; left: 23px; } } .billet-services__error-message__header__close-button { padding: unset; border: none; background-color: transparent; font-size: 16px; cursor: pointer; } @media only screen and (min-width: 768px) { .billet-services__error-message__header__close-button { order: 3; position: absolute; right: 23px; } } .billet-services__error-message__intro { margin-top: 8px; font-family: "ItauText-XBold", "Myriad Pro", Arial; font-size: 14px; color: #231D19 !important; flex: 0 1 100%; } @media only screen and (min-width: 768px) { .billet-services__error-message__intro { font-size: 16px; } } .billet-services__error-message__error-list { margin: 16px 0; } .billet-services__error-message__item { font-size: 14px; margin: 12px 0; line-height: 21px; font-family: "ItauText-Regular", "Myriad Pro", Arial; } @media only screen and (min-width: 768px) { .billet-services__error-message__item { font-size: 16px; } } .billet-services__error-message__error-link { line-height: 21px; font-family: "ItauText-XBold", "Myriad Pro", Arial; color: #106EB0; text-decoration: underline; cursor: pointer; } .billet-services__title { font-family: "ItauDisplay-XBold", "Myriad Pro", Arial; font-size: 22px; color: #252220 !important; line-height: 33px; margin: 24px 0; } .billet-services__media-query-container { width: 91%; } @media only screen and (min-width: 576px) { .billet-services__media-query-container { width: 95%; } } @media only screen and (min-width: 768px) { .billet-services__media-query-container { max-width: 478px; } } @media only screen and (min-width: 992px) { .billet-services__media-query-container { max-width: 498px; } } @media only screen and (min-width: 1400px) { .billet-services__media-query-container { max-width: 507px; } } .billet-services__form { padding: 16px 18px; border: 1px solid #E2E2E2; } @media only screen and (min-width: 576px) { .billet-services__form { padding: 24px; } } .billet-services__form-input { position: relative; margin: 28px 0; padding-right: 14px; } .billet-services__form-input__label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #706A66; transition: all 0.2s; } .billet-services__form-input__label--touched { top: 0; font-size: 12px; padding: 0 5px; background-color: #FFFFFF; color: #56504C; } .billet-services__form-input__tooltip-button { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: none; } .billet-services__form-input__tooltip-button__icon { pointer-events: none; color: #252220; padding: unset; } .billet-services__form-input__tooltip { max-width: 300px; position: absolute; background-color: #106EB0; border-radius: 4px; padding: 8px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 24px; font-size: 14px; right: -15px; top: 90%; } @media only screen and (min-width: 576px) { .billet-services__form-input__tooltip { max-width: 300px; } } @media only screen and (min-width: 768px) { .billet-services__form-input__tooltip { max-width: 300px; } } @media only screen and (min-width: 1400px) { .billet-services__form-input__tooltip { max-width: 300px; right: -64%; top: 20%; } } .billet-services__form-input__tooltip::after { content: " "; display: block; position: absolute; width: 14px; height: 12px; background-color: #106EB0; top: -4px; right: 8px; transform: rotate(45deg); } @media only screen and (min-width: 1400px) { .billet-services__form-input__tooltip::after { left: -6px; top: 10px; } } .billet-services__form-input__input { width: 100%; padding: 16px; border: solid 1px #706A66; border-radius: 2px; color: #56504C; font-size: 14px; } .billet-services__form-input__input.--error { border-color: #781B8E; } .billet-services__form-input__counter { position: absolute; right: 24px; font-size: 12px; } .billet-services__form-input__select { width: 100%; padding: 16px; border: solid 1px #706A66; color: #56504C; appearance: none; font-size: 14px; } .billet-services__form-input__select::-ms-expand { display: none; } .billet-services__form-input__select__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; pointer-events: none; } .billet-services__form-input__error-message { position: absolute; left: 16px; font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 12px; color: #781B8E; letter-spacing: 0; line-height: 16px; } .billet-services__form-input__error-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; color: #781B8E; } .billet-services--font-display-bold { font-family: "ItauDisplay-Bold", "Myriad Pro", Arial; font-size: 20px; font-weight: 700; } .billet-services--font-display-light { font-family: "ItauDisplay-Light", "Myriad Pro", Arial; font-size: 18px; color: #252220; line-height: 30px; } @media only screen and (min-width: 768px) { .billet-services--font-display-light { font-size: 20px; } } .billet-services--font-text-regular { font-family: "ItauText-Regular", "Myriad Pro", Arial; font-size: 14px; padding: 16px 0; color: #56504C; line-height: 24px; } @media only screen and (min-width: 768px) { .billet-services--font-text-regular { font-size: 16px; } } .billet-services--hidden { display: none; } .billet-services__button { width: calc(100% - 30px); border: 1px solid #dd6100; background-color: #EC7000; border-radius: 4px; color: #FFFFFF; font-size: 19px; margin: 16px 15px; padding: 14px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; } @media only screen and (min-width: 576px) { .billet-services__button { width: 100%; padding: 14px 33.8px 14px 33px; margin: 24px 0; min-width: 210px; width: initial; } } @media only screen and (min-width: 768px) { .billet-services__button { align-self: flex-end; } } @media only screen and (min-width: 1200px) { .billet-services__button { padding: 14px 40.1px 14px 41px; min-width: 255px; } } .billet-services__button:hover, .billet-services__button:focus { background-color: #dd6100; } .billet-services__select { position: relative; } .billet-services__select__label { position: absolute; padding-left: 16px; top: 50%; transform: translateY(-50%); transition: 0.2s all; } .billet-services__select__label .--touched { top: 0; background-color: white; padding: 0 10px; font-size: 12px; } .billet-services__select__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; pointer-events: none; } .billet-services__select__input { width: 100%; position: relative; border: 1px solid black; border-radius: 2px; background-color: transparent; text-align: left; padding: 17px 16px; } .billet-services__select__input.--open { border-color: #EC7000; } .billet-services__select__options { display: none; width: 100%; max-height: 337px; margin: 6.5px 0; list-style-type: none; background: #FFFFFF; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35); border-radius: 2px; position: absolute; z-index: 99; overflow: scroll; } .billet-services__select__options.--open { display: block; } .billet-services__select__option { border: 1px solid transparent; padding: 16px; box-shadow: inset 0 -1px 0 0 #EFE9E5; line-height: 22px; } .billet-services__select__option.--selected { border-color: #EC7000; } .billet-services__select__option:hover { border-color: #EC7000; } .billet-services .--hidden { display: none; } .billet-services .--flex-column { display: flex; flex-direction: column; } .billet-services .--error-field { margin-bottom: 32px !important; } .billet-services .spec-former__form-input__error-icon { font-size: 24px; } .billet-services .spec-former__form-input__tooltip-button { padding: 0; bottom: 20px; right: -24px; height: 16px; width: 16px; } .billet-services .spec-former__form-input__counter-label { right: 10px; line-height: 16px; margin-top: 2px; letter-spacing: 0; } .billet-services .--fake-hidden { height: 1px; width: 1px; overflow: hidden; z-index: -1000; position: absolute; margin: 0; padding: 0; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); } .bg-grey { background-color: #EFE9E5; } .bg-white { background-color: #FFFFFF; } .bg-blue { background-color: #003767; } .bg-grey-personalite { background-color: #EFE9E5; background-image: url(../../../content/dam/itau/personalite/trama.png); } .bg-gradient-blue { background-image: linear-gradient(156deg, #021F73 24%, #021F73 24%, #486CD1 100%); } .bg-gradient-darkBlue { background-image: linear-gradient(110deg, #003767 50%, #003767 35%, #00182D 93%); } .bg-grey-uniclass { background-color: #D9D9D6; } .bg-grey-dark-private { background-color: #7E8083; background-image: url(../../../content/dam/itau/private/bg-transparente-mandala-private.png); } @media only screen and (min-width: 320px) { .bg-grey-dark-private { background-size: cover; } } .bg-grey-private { background-color: #EFE9E5; background-image: url(../../../content/dam/itau/private/bg-mandala-private.png); } .app-container .app-item { display: inline-block; margin: 0 7px; min-height: 103px; } @media only screen and (min-width: 576px) { .app-container .app-item { margin: 0 15px; min-height: 142px; } } @media only screen and (min-width: 768px) { .app-container .app-item { margin: 0 28px 0 0; } .app-container .app-item:first-of-type { margin-left: 39px; } } @media only screen and (min-width: 992px) { .app-container .app-item { width: 92px; margin: 0 34px 0 0; min-height: 162px; } .app-container .app-item:first-of-type { margin-left: 16px; } } .app-container .app-item:last-of-type { margin-right: 0; } @media only screen and (min-width: 992px) { .app-container .app-item:last-of-type { margin-right: 50px; } } .app-container .app-item__icon { flex-direction: column; display: flex; flex-grow: 1; cursor: pointer; padding-top: 4px; width: 72px !important; } @media only screen and (min-width: 576px) { .app-container .app-item__icon { width: 92px !important; } } @media only screen and (min-width: 992px) { .app-container .app-item__icon { width: 96px; } .app-container .app-item__icon:hover { text-decoration: none; } .app-container .app-item__icon:hover .media { transform: scale(1.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3); } } .app-container .app-item__icon .media { object-fit: cover; display: block; height: 60px; width: 60px; transition: all .2s ease-in-out; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); border-radius: 16px; margin: auto; } @media only screen and (min-width: 576px) { .app-container .app-item__icon .media { height: 72px; width: 72px; } } @media only screen and (min-width: 992px) { .app-container .app-item__icon .media { height: 92px; width: 92px; border-radius: 24px; } } .app-container .app-item__icon span { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 12px; color: #252220; text-align: center; line-height: 16px; padding-top: 7px; } @media only screen and (min-width: 576px) { .app-container .app-item__icon span { padding-top: 18px; font-size: 16px; line-height: 24px; } } .accordion-item:last-child { border-bottom: 1px solid #D8D8D8; } .accordion-item .item { border-top: 1px solid #D8D8D8; } .accordion-item .item-header .btn { font-family: 'ItauDisplay-Light', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; width: 90%; text-align: left; background: #FFFFFF; border: none; border-radius: 0; padding-top: 24px; padding-bottom: 24px; padding-left: 0; padding-right: 8px; color: #252220; white-space: normal; } @media only screen and (min-width: 576px) { .accordion-item .item-header .btn { padding-right: 13px; } } @media only screen and (min-width: 768px) { .accordion-item .item-header .btn { font-size: 20px; line-height: 30px; padding-right: 24px; } } .accordion-item .item-header .btn[aria-expanded='true']::after { transform: rotate(180deg); } .accordion-item .item-header .btn:before { content: ""; height: calc(100% + 2px); width: 0px; background-color: #EC7000; position: absolute; top: -1px; left: 0; } .accordion-item .item-header .btn:after { font-family: 'itau-icon'; content: "\e9cc"; float: right; transition: all 0.5s; font-size: 24px; color: #252220; text-align: center; position: absolute; top: calc(50% - 15px); right: 0; } .accordion-item .item-header .btn:focus { outline: 5px auto -webkit-focus-ring-color; box-shadow: 0 0 0 0 transparent; } @media only screen and (min-width: 992px) { .accordion-item .item-header .btn:hover { padding-left: 24px; transition: padding-left .2s ease-in-out; } .accordion-item .item-header .btn:hover:before { width: 6px; transition: width .2s ease-in-out; } } .accordion-item .item .wrapper { position: relative; } .accordion-item .item-body h1, .accordion-item .item-body h2, .accordion-item .item-body h3, .accordion-item .item-body h4 { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 18px; line-height: 27px; } .accordion-item .item-body p { font-family: 'ItauText-Regular', 'Myriad Pro', Arial; font-size: 14px; line-height: 21px; padding-bottom: 24px; color: #252220; } @media only screen and (min-width: 768px) { .accordion-item .item-body p { font-size: 16px; line-height: 24px; } } .accordion-item .item a { color: #007AB7; text-decoration: underline; } .accordion-container .container { margin-top: 32px; margin-bottom: 32px; } .accordion-container .container .title-d-container { margin-bottom: 0px; } @media only screen and (min-width: 576px) { .accordion-container .container { margin-top: 64px; } } .accordion-container__title { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; color: #EC7000; padding-bottom: 32px; } [data-segment='empresas'] .accordion-container__title { color: #003767; } @media only screen and (min-width: 768px) { .accordion-container__title { font-size: 32px; line-height: 48px; } } .accordion-container section { padding-top: 64px; } @media only screen and (max-width: 767px) { .accordion-container section { padding-top: 32px; } } .accordion-container__title { font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial; font-size: 22px; line-height: 33px; color: #EC7000; padding-bottom: 32px; } [data-segment='empresas'] .accordion-container__title { color: #003767; } @media only screen and (min-width: 768px) { .accordion-container__title { font-size: 32px; line-height: 48px; } } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .json-ld { display: none; } @font-face { font-family: 'ItauDisplay-Light'; font-style: normal; font-weight: 300; src: url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.eot"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_lt-webfont.svg#itau_displaylight") format("svg"); } @font-face { font-family: 'ItauDisplay-Regular'; font-style: normal; font-weight: normal; src: url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.eot"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_rg-webfont.svg#itau_displayregular") format("svg"); } @font-face { font-family: 'ItauDisplay-Bold'; font-style: normal; font-weight: bold; src: url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.eot"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_bd-webfont.svg#itau_displaybold") format("svg"); } @font-face { font-family: 'ItauDisplay-XBold'; font-style: normal; font-weight: 800; src: url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.eot"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_xbd-webfont.svg#itau_displayxbold") format("svg"); } @font-face { font-family: 'itau-font'; font-style: normal; font-weight: 900; src: url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.eot"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.woff") format("woff"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.ttf") format("truetype"), url("clientlib-base/resources/fonts/ItauDisplay/itaudisplay_blk-webfont.svg#itau_displayblack") format("svg"); } @font-face { font-family: 'ItauText-Light'; font-style: normal; font-weight: 300; src: url("clientlib-base/resources/fonts/ItauText/ItauText_Lt.eot"), url("clientlib-base/resources/fonts/ItauText/ItauText_Lt.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauText/ItauText_Lt.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauText/ItauText_Lt.woff") format("woff"), url("clientlib-base/resources/fonts/ItauText/ItauText_Lt.ttf") format("truetype"); } @font-face { font-family: 'ItauText-Regular'; font-style: normal; font-weight: normal; src: url("clientlib-base/resources/fonts/ItauText/ItauText_Rg.eot"), url("clientlib-base/resources/fonts/ItauText/ItauText_Rg.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauText/ItauText_Rg.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauText/ItauText_Rg.woff") format("woff"), url("clientlib-base/resources/fonts/ItauText/ItauText_Rg.ttf") format("truetype"); } @font-face { font-family: 'ItauText-Bold'; font-style: normal; font-weight: 800; src: url("clientlib-base/resources/fonts/ItauText/ItauText_Bd.eot"), url("clientlib-base/resources/fonts/ItauText/ItauText_Bd.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauText/ItauText_Bd.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauText/ItauText_Bd.woff") format("woff"), url("clientlib-base/resources/fonts/ItauText/ItauText_Bd.ttf") format("truetype"); } @font-face { font-family: 'ItauText-XBold'; font-style: normal; font-weight: 900; src: url("clientlib-base/resources/fonts/ItauText/ItauText_XBd.eot"), url("clientlib-base/resources/fonts/ItauText/ItauText_XBd.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/ItauText/ItauText_XBd.woff2") format("woff2"), url("clientlib-base/resources/fonts/ItauText/ItauText_XBd.woff") format("woff"), url("clientlib-base/resources/fonts/ItauText/ItauText_XBd.ttf") format("truetype"); } @font-face { font-family: 'itau-icon'; font-style: normal; font-weight: normal; src: url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff") format("woff"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff2") format("woff2"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.ttf") format("truetype"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.svg#icomoon") format("svg"); } @font-face { font-family: 'itau-icon'; font-style: normal; font-weight: normal; src: url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.eot?#iefix") format("embedded-opentype"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff") format("woff"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.woff2") format("woff2"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.ttf") format("truetype"), url("clientlib-base/resources/fonts/itaufonts_master_24px_v44/itaufonts_master_24px_v44.svg#icomoon") format("svg"); } [class^='icon-'], [class*=' icon-'] { font-family: 'itau-icon' !important; font-style: normal; font-weight: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; font-variant: normal; -moz-osx-font-smoothing: grayscale; } .icon-itaufonts_5_servicos:before { content: '\e900'; } .icon-itaufonts_50_cinema:before { content: '\e901'; } .icon-itaufonts_50_futebol:before { content: '\e902'; } .icon-itaufonts_50_teatro:before { content: '\e903'; } .icon-itaufonts_acoes:before { content: '\e904'; } .icon-itaufonts_agencia_personalite:before { content: '\e905'; } .icon-itaufonts_agencia:before { content: '\e906'; } .icon-itaufonts_agil_descomplic:before { content: '\e907'; } .icon-itaufonts_ajuda:before { content: '\e908'; } .icon-itaufonts_alimentacao:before { content: '\e909'; } .icon-itaufonts_alvo:before { content: '\e90a'; } .icon-itaufonts_antecip_de_recebiveis:before { content: '\e90b'; } .icon-itaufonts_aplicacao:before { content: '\e90c'; } .icon-itaufonts_aplicativos:before { content: '\e90d'; } .icon-itaufonts_aporte_de_capital:before { content: '\e90e'; } .icon-itaufonts_ar_condicionado:before { content: '\e90f'; } .icon-itaufonts_armario:before { content: '\e910'; } .icon-itaufonts_arroba:before { content: '\e911'; } .icon-itaufonts_assessoria:before { content: '\e912'; } .icon-itaufonts_atend_telefonico:before { content: '\e913'; } .icon-itaufonts_atualizando:before { content: '\e914'; } .icon-itaufonts_autoriz_pelo_celular:before { content: '\e915'; } .icon-itaufonts_balanco_de_caixa:before { content: '\e916'; } .icon-itaufonts_bike:before { content: '\e917'; } .icon-itaufonts_biometria:before { content: '\e918'; } .icon-itaufonts_brilhos_nos_olhos:before { content: '\e919'; } .icon-itaufonts_busca_consulta:before { content: '\e91a'; } .icon-itaufonts_caixa_eletronico:before { content: '\e91b'; } .icon-itaufonts_caixas_exclusivos:before { content: '\e91c'; } .icon-itaufonts_calculadora:before { content: '\e91d'; } .icon-itaufonts_calendario:before { content: '\e91e'; } .icon-itaufonts_cambio:before { content: '\e91f'; } .icon-itaufonts_cartao_de_seguranca:before { content: '\e920'; } .icon-itaufonts_cartao:before { content: '\e921'; } .icon-itaufonts_carteirada:before { content: '\e922'; } .icon-itaufonts_cartoes:before { content: '\e923'; } .icon-itaufonts_celular_pre_pago:before { content: '\e924'; } .icon-itaufonts_celular:before { content: '\e925'; } .icon-itaufonts_chave_patrimonio:before { content: '\e926'; } .icon-itaufonts_check:before { content: '\e927'; } .icon-itaufonts_cheque:before { content: '\e928'; } .icon-itaufonts_cobranca_ativa:before { content: '\e929'; } .icon-itaufonts_coleta:before { content: '\e92a'; } .icon-itaufonts_compras_vendas:before { content: '\e92b'; } .icon-itaufonts_comprovante:before { content: '\e92c'; } .icon-itaufonts_computador_internet:before { content: '\e92d'; } .icon-itaufonts_conexao:before { content: '\e92e'; } .icon-itaufonts_configuracoes:before { content: '\e92f'; } .icon-itaufonts_cons_investimentos:before { content: '\e930'; } .icon-itaufonts_consorcio_auto:before { content: '\e931'; } .icon-itaufonts_consorcio_imobiliario:before { content: '\e932'; } .icon-itaufonts_consorcio:before { content: '\e933'; } .icon-itaufonts_conta_corrente:before { content: '\e934'; } .icon-itaufonts_contatos:before { content: '\e935'; } .icon-itaufonts_contin_negocios:before { content: '\e936'; } .icon-itaufonts_craques:before { content: '\e937'; } .icon-itaufonts_credito_auto:before { content: '\e938'; } .icon-itaufonts_credito_automatico:before { content: '\e939'; } .icon-itaufonts_credito_consignado:before { content: '\e93a'; } .icon-itaufonts_credito_imobiliario:before { content: '\e93b'; } .icon-itaufonts_credito_sob_medida:before { content: '\e93c'; } .icon-itaufonts_credito:before { content: '\e93d'; } .icon-itaufonts_cultura:before { content: '\e93e'; } .icon-itaufonts_curtir:before { content: '\e93f'; } .icon-itaufonts_debito:before { content: '\e940'; } .icon-itaufonts_deposito:before { content: '\e941'; } .icon-itaufonts_desbloqueio:before { content: '\e942'; } .icon-itaufonts_descurtir:before { content: '\e943'; } .icon-itaufonts_despesas_com_saude:before { content: '\e944'; } .icon-itaufonts_docs:before { content: '\e945'; } .icon-itaufonts_documento:before { content: '\e946'; } .icon-itaufonts_download:before { content: '\e947'; } .icon-itaufonts_e_comercial:before { content: '\e948'; } .icon-itaufonts_educacao_uso_consc:before { content: '\e949'; } .icon-itaufonts_email_resp_rapida:before { content: '\e94a'; } .icon-itaufonts_emprestimos:before { content: '\e94b'; } .icon-itaufonts_esportes:before { content: '\e94c'; } .icon-itaufonts_estrela:before { content: '\e94d'; } .icon-itaufonts_excel:before { content: '\e94e'; } .icon-itaufonts_exclamacao:before { content: '\e94f'; } .icon-itaufonts_excluir:before { content: '\e950'; } .icon-itaufonts_exclusivo_beneficios:before { content: '\e951'; } .icon-itaufonts_exportar:before { content: '\e952'; } .icon-itaufonts_extrato_lancamentos:before { content: '\e953'; } .icon-itaufonts_facebook:before { content: '\e954'; } .icon-itaufonts_fatura:before { content: '\e955'; } .icon-itaufonts_fechar:before { content: '\e956'; } .icon-itaufonts_filtro:before { content: '\e957'; } .icon-itaufonts_foco_inovacao:before { content: '\e958'; } .icon-itaufonts_garantia:before { content: '\e959'; } .icon-itaufonts_ger_dedicados:before { content: '\e95a'; } .icon-itaufonts_gerenciador_de_vendas:before { content: '\e95b'; } .icon-itaufonts_gerente:before { content: '\e95c'; } .icon-itaufonts_gestao_de_crises:before { content: '\e95d'; } .icon-itaufonts_hist_de_rentabilidade:before { content: '\e95e'; } .icon-itaufonts_impressora:before { content: '\e95f'; } .icon-itaufonts_informacao:before { content: '\e960'; } .icon-itaufonts_inss:before { content: '\e961'; } .icon-itaufonts_instagram:before { content: '\e962'; } .icon-itaufonts_maiores_limites:before { content: '\e963'; } .icon-itaufonts_institucional:before { content: '\e964'; } .icon-itaufonts_investimento:before { content: '\e965'; } .icon-itaufonts_ir:before { content: '\e966'; } .icon-itaufonts_iso:before { content: '\e967'; } .icon-itaufonts_itau_30_horas:before { content: '\e968'; } .icon-itaufonts_itoken_aplicativo:before { content: '\e969'; } .icon-itaufonts_itoken_chaveiro:before { content: '\e96a'; } .icon-itaufonts_itoken_sms:before { content: '\e96b'; } .icon-itaufonts_jornal:before { content: '\e96c'; } .icon-itaufonts_juros_descontos:before { content: '\e96d'; } .icon-itaufonts_lavagem_de_dinheiro:before { content: '\e96e'; } .icon-itaufonts_leitor_cod_barras:before { content: '\e96f'; } .icon-itaufonts_lideranca:before { content: '\e970'; } .icon-itaufonts_limites:before { content: '\e971'; } .icon-itaufonts_maiores_limites2:before { content: '\e972'; } .icon-itaufonts_mais:before { content: '\e973'; } .icon-itaufonts_mala:before { content: '\e974'; } .icon-itaufonts_maq_rede_cartao:before { content: '\e975'; } .icon-itaufonts_maquina_fotografica:before { content: '\e976'; } .icon-itaufonts_maximizar:before { content: '\e977'; } .icon-itaufonts_mercado_noticias:before { content: '\e978'; } .icon-itaufonts_minimizar:before { content: '\e979'; } .icon-itaufonts_mundo_mapa:before { content: '\e97a'; } .icon-itaufonts_notificacao:before { content: '\e97b'; } .icon-itaufonts_orientador_de_credito:before { content: '\e97c'; } .icon-itaufonts_outros:before { content: '\e97d'; } .icon-itaufonts_pagamentos_contas:before { content: '\e97e'; } .icon-itaufonts_paixao:before { content: '\e97f'; } .icon-itaufonts_para_empresa:before { content: '\e980'; } .icon-itaufonts_parcelamento:before { content: '\e981'; } .icon-itaufonts_pare_de_fumar:before { content: '\e982'; } .icon-itaufonts_pdf:before { content: '\e983'; } .icon-itaufonts_perfil_do_investidor:before { content: '\e984'; } .icon-itaufonts_pers_conta:before { content: '\e985'; } .icon-itaufonts_pgto_ao_fornecedor:before { content: '\e986'; } .icon-itaufonts_pjto_sucessorio:before { content: '\e987'; } .icon-itaufonts_portabilidade:before { content: '\e988'; } .icon-itaufonts_pos_maq_adquirente:before { content: '\e989'; } .icon-itaufonts_poupanca:before { content: '\e98a'; } .icon-itaufonts_premio:before { content: '\e98b'; } .icon-itaufonts_prevencao_de_fraude:before { content: '\e98c'; } .icon-itaufonts_previdencia:before { content: '\e98d'; } .icon-itaufonts_processos:before { content: '\e98e'; } .icon-itaufonts_produtos_servicos:before { content: '\e98f'; } .icon-itaufonts_programa_de_pontos:before { content: '\e990'; } .icon-itaufonts_radio:before { content: '\e991'; } .icon-itaufonts_reload:before { content: '\e992'; } .icon-itaufonts_relogio:before { content: '\e993'; } .icon-itaufonts_resgate:before { content: '\e994'; } .icon-itaufonts_residencia:before { content: '\e995'; } .icon-itaufonts_respons_social:before { content: '\e996'; } .icon-itaufonts_restaurar:before { content: '\e997'; } .icon-itaufonts_sair_do_vermelho:before { content: '\e998'; } .icon-itaufonts_salarios:before { content: '\e999'; } .icon-itaufonts_saldo:before { content: '\e99a'; } .icon-itaufonts_salvar:before { content: '\e99b'; } .icon-itaufonts_saque:before { content: '\e99c'; } .icon-itaufonts_seg_informacao:before { content: '\e99d'; } .icon-itaufonts_seg_patrimonial:before { content: '\e99e'; } .icon-itaufonts_seg_redes_sociais:before { content: '\e99f'; } .icon-itaufonts_seguranca:before { content: '\e9a0'; } .icon-itaufonts_seguro_auto:before { content: '\e9a1'; } .icon-itaufonts_seguro_cartao:before { content: '\e9a2'; } .icon-itaufonts_seguro_crianca:before { content: '\e9a3'; } .icon-itaufonts_seguro_de_credito:before { content: '\e9a4'; } .icon-itaufonts_seguro_empresas:before { content: '\e9a5'; } .icon-itaufonts_seguro_mulher:before { content: '\e9a6'; } .icon-itaufonts_seguro_patrimonial:before { content: '\e9a7'; } .icon-itaufonts_seguro_prestamista:before { content: '\e9a8'; } .icon-itaufonts_seguro_renda:before { content: '\e9a9'; } .icon-itaufonts_seguro_residencia:before { content: '\e9aa'; } .icon-itaufonts_seguro_resp_social:before { content: '\e9ab'; } .icon-itaufonts_seguro_transporte:before { content: '\e9ac'; } .icon-itaufonts_seguro_viagens:before { content: '\e9ad'; } .icon-itaufonts_seguro_vida:before { content: '\e9ae'; } .icon-itaufonts_seguros:before { content: '\e9af'; } .icon-itaufonts_senha:before { content: '\e9b0'; } .icon-itaufonts_seta:before { content: '\e9b1'; } .icon-itaufonts_sifrao:before { content: '\e9b2'; } .icon-itaufonts_sms_mensagem_chat:before { content: '\e9b3'; } .icon-itaufonts_sonho_grande:before { content: '\e9b4'; } .icon-itaufonts_sorriso:before { content: '\e9b5'; } .icon-itaufonts_sustentabilidade:before { content: '\e9b6'; } .icon-itaufonts_switch:before { content: '\e9b7'; } .icon-itaufonts_tablet:before { content: '\e9b8'; } .icon-itaufonts_telefone:before { content: '\e9b9'; } .icon-itaufonts_todos_pelo_cliente:before { content: '\e9ba'; } .icon-itaufonts_tranferencias:before { content: '\e9bb'; } .icon-itaufonts_transporte:before { content: '\e9bc'; } .icon-itaufonts_tv:before { content: '\e9bd'; } .icon-itaufonts_twitter:before { content: '\e9be'; } .icon-itaufonts_universitarios:before { content: '\e9bf'; } .icon-itaufonts_usuario_perfil:before { content: '\e9c0'; } .icon-itaufonts_veiculo:before { content: '\e9c1'; } .icon-itaufonts_viagem:before { content: '\e9c2'; } .icon-itaufonts_vida_sustentavel:before { content: '\e9c3'; } .icon-itaufonts_vida:before { content: '\e9c4'; } .icon-itaufonts_video:before { content: '\e9c5'; } .icon-itaufonts_word:before { content: '\e9c6'; } .icon-itaufonts_xicara:before { content: '\e9c7'; } .icon-itaufonts_compartilhar:before { content: '\e9c8'; } .icon-itaufonts_feedback:before { content: '\e9c9'; } .icon-itaufonts_relatorios_financeiros:before { content: '\e9ca'; } .icon-itaufonts_senha_stroke:before { content: '\e9cb'; } .icon-itaufonts_seta_down:before { content: '\e9cc'; } .icon-itaufonts_seta_right:before { content: '\e9cd'; } .icon-itaufonts_seta_up:before { content: '\e9ce'; } .icon-itaufonts_full_50_cinema:before { content: '\e9cf'; } .icon-itaufonts_full_50_futebol:before { content: '\e9d0'; } .icon-itaufonts_full_50_teatro:before { content: '\e9d1'; } .icon-itaufonts_full_agencia_personalite:before { content: '\e9d2'; } .icon-itaufonts_full_agencia:before { content: '\e9d3'; } .icon-itaufonts_full_agil_descomplic:before { content: '\e9d4'; } .icon-itaufonts_full_alimentacao:before { content: '\e9d5'; } .icon-itaufonts_full_alvo:before { content: '\e9d6'; } .icon-itaufonts_full_antecip_de_recebiveis:before { content: '\e9d7'; } .icon-itaufonts_full_aplicativos:before { content: '\e9d8'; } .icon-itaufonts_full_aporte_de_capital:before { content: '\e9d9'; } .icon-itaufonts_full_ar_condicionado:before { content: '\e9da'; } .icon-itaufonts_full_armario:before { content: '\e9db'; } .icon-itaufonts_full_atualizando:before { content: '\e9dc'; } .icon-itaufonts_full_autoriz_pelo_celular:before { content: '\e9dd'; } .icon-itaufonts_full_balanco_de_caixa:before { content: '\e9de'; } .icon-itaufonts_full_bike:before { content: '\e9df'; } .icon-itaufonts_full_biometria:before { content: '\e9e0'; } .icon-itaufonts_full_brilhos_nos_olhos:before { content: '\e9e1'; } .icon-itaufonts_full_busca_consulta:before { content: '\e9e2'; } .icon-itaufonts_full_caixa_eletronico:before { content: '\e9e3'; } .icon-itaufonts_full_calendario:before { content: '\e9e4'; } .icon-itaufonts_full_cambio:before { content: '\e9e5'; } .icon-itaufonts_full_cartao_de_seguranca:before { content: '\e9e6'; } .icon-itaufonts_full_cartao:before { content: '\e9e7'; } .icon-itaufonts_full_cartoes:before { content: '\e9e8'; } .icon-itaufonts_full_celular_pre_pago:before { content: '\e9e9'; } .icon-itaufonts_full_celular:before { content: '\e9ea'; } .icon-itaufonts_full_chave_patrimonio:before { content: '\e9eb'; } .icon-itaufonts_full_cheque:before { content: '\e9ec'; } .icon-itaufonts_full_coleta:before { content: '\e9ed'; } .icon-itaufonts_full_compras_vendas:before { content: '\e9ee'; } .icon-itaufonts_full_comprovante:before { content: '\e9ef'; } .icon-itaufonts_full_computador_internet:before { content: '\e9f0'; } .icon-itaufonts_full_configuracoes:before { content: '\e9f1'; } .icon-itaufonts_full_consorcio_auto:before { content: '\e9f2'; } .icon-itaufonts_full_consorcio_imobiliario:before { content: '\e9f3'; } .icon-itaufonts_full_consorcio:before { content: '\e9f4'; } .icon-itaufonts_full_conta_corrente:before { content: '\e9f5'; } .icon-itaufonts_full_contatos:before { content: '\e9f6'; } .icon-itaufonts_full_craques:before { content: '\e9f7'; } .icon-itaufonts_full_credito_auto:before { content: '\e9f8'; } .icon-itaufonts_full_credito_automatico:before { content: '\e9f9'; } .icon-itaufonts_full_credito_consignado:before { content: '\e9fa'; } .icon-itaufonts_full_credito_imobiliario:before { content: '\e9fb'; } .icon-itaufonts_full_credito_sob_medida:before { content: '\e9fc'; } .icon-itaufonts_full_credito:before { content: '\e9fd'; } .icon-itaufonts_full_cultura:before { content: '\e9fe'; } .icon-itaufonts_full_curtir:before { content: '\e9ff'; } .icon-itaufonts_full_debito:before { content: '\ea00'; } .icon-itaufonts_full_desbloqueio:before { content: '\ea01'; } .icon-itaufonts_full_descurtir:before { content: '\ea02'; } .icon-itaufonts_full_despesas_com_saude:before { content: '\ea03'; } .icon-itaufonts_full_docs:before { content: '\ea04'; } .icon-itaufonts_full_documento:before { content: '\ea05'; } .icon-itaufonts_full_download:before { content: '\ea06'; } .icon-itaufonts_full_educacao_uso_consc:before { content: '\ea07'; } .icon-itaufonts_full_email_resp_rapida:before { content: '\ea08'; } .icon-itaufonts_full_emprestimos:before { content: '\ea09'; } .icon-itaufonts_full_esportes:before { content: '\ea0a'; } .icon-itaufonts_full_estrela:before { content: '\ea0b'; } .icon-itaufonts_full_excel:before { content: '\ea0c'; } .icon-itaufonts_full_exclamacao:before { content: '\ea0d'; } .icon-itaufonts_full_excluir:before { content: '\ea0e'; } .icon-itaufonts_full_exclusivo_beneficios:before { content: '\ea0f'; } .icon-itaufonts_full_exportar:before { content: '\ea10'; } .icon-itaufonts_full_facebook:before { content: '\ea11'; } .icon-itaufonts_full_fatura:before { content: '\ea12'; } .icon-itaufonts_full_filtro:before { content: '\ea13'; } .icon-itaufonts_full_foco_inovacao:before { content: '\ea14'; } .icon-itaufonts_full_garantia:before { content: '\ea15'; } .icon-itaufonts_full_gerenciador_de_vendas:before { content: '\ea16'; } .icon-itaufonts_full_gerente:before { content: '\ea17'; } .icon-itaufonts_full_gestao_de_crises:before { content: '\ea18'; } .icon-itaufonts_full_hist_de_rentabilidade:before { content: '\ea19'; } .icon-itaufonts_full_impressora:before { content: '\ea1a'; } .icon-itaufonts_full_informacao:before { content: '\ea1b'; } .icon-itaufonts_full_instagram:before { content: '\ea1c'; } .icon-itaufonts_full_institucional:before { content: '\ea1d'; } .icon-itaufonts_full_investimento:before { content: '\ea1e'; } .icon-itaufonts_full_itau_30_horas:before { content: '\ea1f'; } .icon-itaufonts_full_itoken_aplicativo:before { content: '\ea20'; } .icon-itaufonts_full_itoken_chaveiro:before { content: '\ea21'; } .icon-itaufonts_full_itoken_sms:before { content: '\ea22'; } .icon-itaufonts_full_jornal:before { content: '\ea23'; } .icon-itaufonts_full_lavagem_de_dinheiro:before { content: '\ea24'; } .icon-itaufonts_full_lideranca:before { content: '\ea25'; } .icon-itaufonts_full_limites:before { content: '\ea26'; } .icon-itaufonts_full_maiores_limites:before { content: '\ea27'; } .icon-itaufonts_full_mala:before { content: '\ea28'; } .icon-itaufonts_full_maq_rede_cartao:before { content: '\ea29'; } .icon-itaufonts_full_maquina_fotografica:before { content: '\ea2a'; } .icon-itaufonts_full_maximizar:before { content: '\ea2b'; } .icon-itaufonts_full_mercado_noticias:before { content: '\ea2c'; } .icon-itaufonts_full_minimizar:before { content: '\ea2d'; } .icon-itaufonts_full_mundo_mapa:before { content: '\ea2e'; } .icon-itaufonts_full_notificacao:before { content: '\ea2f'; } .icon-itaufonts_full_orientador_de_credito:before { content: '\ea30'; } .icon-itaufonts_full_paixao:before { content: '\ea31'; } .icon-itaufonts_full_para_empresa:before { content: '\ea32'; } .icon-itaufonts_full_parcelamento:before { content: '\ea33'; } .icon-itaufonts_full_pare_de_fumar:before { content: '\ea34'; } .icon-itaufonts_full_pdf:before { content: '\ea35'; } .icon-itaufonts_full_perfil_do_investidor:before { content: '\ea36'; } .icon-itaufonts_full_pers_conta:before { content: '\ea37'; } .icon-itaufonts_full_pgto_ao_fornecedor:before { content: '\ea38'; } .icon-itaufonts_full_pjto_sucessorio:before { content: '\ea39'; } .icon-itaufonts_full_portabilidade:before { content: '\ea3a'; } .icon-itaufonts_full_pos_maq_adquirente:before { content: '\ea3b'; } .icon-itaufonts_full_poupanca:before { content: '\ea3c'; } .icon-itaufonts_full_premio:before { content: '\ea3d'; } .icon-itaufonts_full_prevencao_de_fraude:before { content: '\ea3e'; } .icon-itaufonts_full_previdencia:before { content: '\ea3f'; } .icon-itaufonts_full_processos:before { content: '\ea40'; } .icon-itaufonts_full_produtos_servicos:before { content: '\ea41'; } .icon-itaufonts_full_programa_de_pontos:before { content: '\ea42'; } .icon-itaufonts_full_radio:before { content: '\ea43'; } .icon-itaufonts_full_relogio:before { content: '\ea44'; } .icon-itaufonts_full_residencia:before { content: '\ea45'; } .icon-itaufonts_full_respons_social:before { content: '\ea46'; } .icon-itaufonts_full_restaurar:before { content: '\ea47'; } .icon-itaufonts_full_salarios:before { content: '\ea48'; } .icon-itaufonts_full_saldo:before { content: '\ea49'; } .icon-itaufonts_full_salvar:before { content: '\ea4a'; } .icon-itaufonts_full_seg_informacao:before { content: '\ea4b'; } .icon-itaufonts_full_seg_patrimonial:before { content: '\ea4c'; } .icon-itaufonts_full_seg_redes_sociais:before { content: '\ea4d'; } .icon-itaufonts_full_seguranca:before { content: '\ea4e'; } .icon-itaufonts_full_seguro_auto:before { content: '\ea4f'; } .icon-itaufonts_full_seguro_cartao:before { content: '\ea50'; } .icon-itaufonts_full_seguro_crianca:before { content: '\ea51'; } .icon-itaufonts_full_seguro_de_credito:before { content: '\ea52'; } .icon-itaufonts_full_seguro_empresas:before { content: '\ea53'; } .icon-itaufonts_full_seguro_mulher:before { content: '\ea54'; } .icon-itaufonts_full_seguro_patrimonial:before { content: '\ea55'; } .icon-itaufonts_full_seguro_prestamista:before { content: '\ea56'; } .icon-itaufonts_full_seguro_renda:before { content: '\ea57'; } .icon-itaufonts_full_seguro_residencia:before { content: '\ea58'; } .icon-itaufonts_full_seguro_resp_social:before { content: '\ea59'; } .icon-itaufonts_full_seguro_transporte:before { content: '\ea5a'; } .icon-itaufonts_full_seguro_viagens:before { content: '\ea5b'; } .icon-itaufonts_full_seguro_vida:before { content: '\ea5c'; } .icon-itaufonts_full_senha:before { content: '\ea5d'; } .icon-itaufonts_full_sms_mensagem_chat:before { content: '\ea5e'; } .icon-itaufonts_full_sonho_grande:before { content: '\ea5f'; } .icon-itaufonts_full_sorriso:before { content: '\ea60'; } .icon-itaufonts_full_sustentabilidade:before { content: '\ea61'; } .icon-itaufonts_full_switch:before { content: '\ea62'; } .icon-itaufonts_full_tablet:before { content: '\ea63'; } .icon-itaufonts_full_telefone:before { content: '\ea64'; } .icon-itaufonts_full_todos_pelo_cliente:before { content: '\ea65'; } .icon-itaufonts_full_transporte:before { content: '\ea66'; } .icon-itaufonts_full_twitter:before { content: '\ea67'; } .icon-itaufonts_full_universitarios:before { content: '\ea68'; } .icon-itaufonts_full_usuario_perfil:before { content: '\ea69'; } .icon-itaufonts_full_veiculo:before { content: '\ea6a'; } .icon-itaufonts_full_viagem:before { content: '\ea6b'; } .icon-itaufonts_full_vida_sustentavel:before { content: '\ea6c'; } .icon-itaufonts_full_vida:before { content: '\ea6d'; } .icon-itaufonts_full_video:before { content: '\ea6e'; } .icon-itaufonts_full_word:before { content: '\ea6f'; } .icon-itaufonts_full_xicara:before { content: '\ea70'; } .icon-itaufonts_full_compartilhar:before { content: '\ea71'; } .icon-itaufonts_full_feedback:before { content: '\ea72'; } .icon-itaufonts_full_relatorios_financeiros:before { content: '\ea73'; } .icon-itaufonts_full_senha_fill:before { content: '\ea74'; } .icon-itaufonts_seta_achatada:before { content: '\ea75'; } .icon-itaufonts_menu_hamburguer:before { content: '\ea76'; } .icon-itaufonts_seta_achatada_up:before { content: '\ea77'; } .icon-itaufonts_full_venda:before { content: '\ea78'; } .icon-itaufonts_full_compra:before { content: '\ea79'; } .icon-itaufonts_venda:before { content: '\ea7a'; } .icon-itaufonts_compra:before { content: '\ea7b'; } .icon-itaufonts_atendimento_2:before { content: '\ea7c'; } .icon-itaufonts_senha_stroke_slim:before { content: '\ea7d'; } .icon-itaufonts_full_atendimento:before { content: '\ea7e'; } .icon-itaufonts_chat_entregue:before { content: '\ea7f'; } .icon-itaufonts_chat_enviado:before { content: '\ea80'; } .icon-itaufonts_full_chat_erro:before { content: '\ea81'; } .icon-itaufonts_chat_erro:before { content: '\ea82'; } .icon-itaufonts_full_chat_aguardando:before { content: '\ea83'; } .icon-itaufonts_chat_aguardando:before { content: '\ea84'; } .icon-itaufonts_full_microfone:before { content: '\ea85'; } .icon-itaufonts_microfone:before { content: '\ea86'; } .icon-itaufonts_timeline:before { content: '\ea87'; } .icon-itaufonts_vestuario:before { content: '\ea88'; } .icon-itaufonts_full_vestuario:before { content: '\ea89'; } .icon-itaufonts_full_olho_inativo:before { content: '\ea8a'; } .icon-itaufonts_full_olho_ativo:before { content: '\ea8b'; } .icon-itaufonts_outline_olho_inativo:before { content: '\ea8c'; } .icon-itaufonts_outline_olho_ativo:before { content: '\ea8d'; } .icon-itaufonts_full_seguro_pet:before { content: '\ea8e'; } .icon-itaufonts_outline_seguro_pet:before { content: '\ea8f'; } .icon-itaufonts_full_pet:before { content: '\ea90'; } .icon-itaufonts_outline_pet:before { content: '\ea91'; } .icon-itaufonts_full_carteira_digital:before { content: '\ea92'; } .icon-itaufonts_outline_carteira_digital:before { content: '\ea93'; } .icon-itaufonts_full_compras:before { content: '\ea94'; } .icon-itaufonts_outline_compras:before { content: '\ea95'; } .icon-itaufonts_outline_suporte:before { content: '\ea96'; } .icon-itaufonts_full_suporte:before { content: '\ea97'; } .icon-itaufonts_outline_checkbox:before { content: '\ea98'; } .icon-itaufonts_outline_enviar:before { content: '\ea9a'; } .icon-itaufonts_full_checkbox:before { content: '\ea9b'; } .icon-itaufonts_full_enviar:before { content: '\ea9c'; } [data-segment='personnalite'] .table-profitability-shared__tag ul li:hover, [data-segment='personnalite'] .table-profitability-shared__tag ul li:active, [data-segment='personnalite'] .table-profitability-shared__tag ul li:focus, [data-segment='personnalite'] .table-profitability-shared__tag ul li.active { border-bottom: 3px solid #D0A967; } [data-segment='personnalite'] .table-profitability-shared__body .dot-filled { background: #876632; } [data-segment='personnalite'] .table-profitability-shared__content-table table .order-column:after { color: #876632; } [data-segment='personnalite'] .table-profitability-shared__body .dot-filled { color: #876632; } [data-segment='personnalite'] .itau-form .customized-select li:focus { border: 1px solid #876632; } [data-segment='personnalite'] .itau-form .customized-select li:hover { border: 1px solid #876632; } [data-segment='personnalite'] .itau-form .check-radio-handler input:first-child:checked + label::before { background-color: #D0A967; border-color: #D0A967; } [data-segment='uniclass'] .itau-form h3, [data-segment='uniclass'] .itau-form h4, [data-segment='uniclass'] .itau-form h5 { color: #4F758B; } [data-segment='personnalite'] .itau-form h3, [data-segment='personnalite'] .itau-form h4, [data-segment='personnalite'] .itau-form h5 { color: #252220; } [data-segment='empresas'] .itau-form h3, [data-segment='empresas'] .itau-form h4, [data-segment='empresas'] .itau-form h5 { color: #003767; } [data-segment='private'] .itau-form h3, [data-segment='private'] .itau-form h4, [data-segment='private'] .itau-form h5 { color: #252220; } [data-segment='varejo'] .itau-form h2, [data-segment='uniclass'] .itau-form h2, [data-segment='private'] .itau-form h2, [data-segment='personnalite'] .itau-form h2, [data-segment='empresas'] .itau-form h2, [data-segment='cartoes'] .itau-form h2 { color: #252220; } [data-segment='personnalite'] .itau-form .button-main { background-color: #D0A967; color: #252220; } [data-segment='personnalite'] .itau-form .button-main:hover { background-color: #AD8748; } .default-padding-bottom { padding-bottom: 64px; } @media only screen and (max-width: 767px) { .default-padding-bottom { padding-bottom: 32px; } } [data-segment] .bg-blue:not(.keep-color-text) h2, [data-segment] .bg-blue:not(.keep-color-text) h3, [data-segment] .bg-blue:not(.keep-color-text) h4, [data-segment] .bg-blue:not(.keep-color-text) h5, [data-segment] .bg-blue:not(.keep-color-text) h6, [data-segment] .bg-blue:not(.keep-color-text) p, [data-segment] .bg-gradient-blue:not(.keep-color-text) h2, [data-segment] .bg-gradient-blue:not(.keep-color-text) h3, [data-segment] .bg-gradient-blue:not(.keep-color-text) h4, [data-segment] .bg-gradient-blue:not(.keep-color-text) h5, [data-segment] .bg-gradient-blue:not(.keep-color-text) h6, [data-segment] .bg-gradient-blue:not(.keep-color-text) p, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h2, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h3, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h4, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h5, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) h6, [data-segment] .bg-gradient-darkBlue:not(.keep-color-text) p, [data-segment] .bg-gradient-orange:not(.keep-color-text) h2, [data-segment] .bg-gradient-orange:not(.keep-color-text) h3, [data-segment] .bg-gradient-orange:not(.keep-color-text) h4, [data-segment] .bg-gradient-orange:not(.keep-color-text) h5, [data-segment] .bg-gradient-orange:not(.keep-color-text) h6, [data-segment] .bg-gradient-orange:not(.keep-color-text) p { color: #FFFFFF; } [data-segment='varejo'] h3, [data-segment='varejo'] h4, [data-segment='varejo'] h5 { color: #252220; } [data-segment='empresas'] h3, [data-segment='empresas'] h4, [data-segment='empresas'] h5 { color: #252220; } [data-segment='uniclass'] h3, [data-segment='uniclass'] h4, [data-segment='uniclass'] h5 { color: #252220; } [data-segment='cartoes'] h3, [data-segment='cartoes'] h4, [data-segment='cartoes'] h5 { color: #252220; } [data-segment='private'] h3, [data-segment='private'] h4, [data-segment='private'] h5 { color: #252220; } [data-segment='personnalite'] h3, [data-segment='personnalite'] h4, [data-segment='personnalite'] h5 { color: #252220; } [data-segment='varejo'] h2 { color: #EC7000; } [data-segment='empresas'] h2 { color: #003767; } [data-segment='uniclass'] h2 { color: #757575; } [data-segment='cartoes'] h2 { color: #003399; } [data-segment='private'] h2 { color: #7C746C; } [data-segment='personnalite'] h2 { color: #876632; } [data-segment] .third-level h2 { color: #252220; } [data-segment] .title-d-container__overwrite, [data-segment] .title-d-container__subtitle, [data-segment] .title-d-container__description { color: #252220; } [data-segment] .bg-grey .title-d-container__title, [data-segment] .bg-grey .title-d-container__subtitle, [data-segment] .bg-grey .title-d-container__overwrite, [data-segment] .bg-grey .title-d-container__description { color: #252220; } [data-segment='empresas'] .bg-grey .title-d-container__title, [data-segment='empresas'] .bg-grey .title-d-container__subtitle, [data-segment='empresas'] .bg-grey .title-d-container__overwrite, [data-segment='empresas'] .bg-grey .title-d-container__description { color: #003767; } [data-segment] .bg-blue .title-d-container__title, [data-segment] .bg-blue .title-d-container__subtitle, [data-segment] .bg-blue .title-d-container__overwrite, [data-segment] .bg-blue .title-d-container__description, [data-segment] .bg-varejo .title-d-container__title, [data-segment] .bg-varejo .title-d-container__subtitle, [data-segment] .bg-varejo .title-d-container__overwrite, [data-segment] .bg-varejo .title-d-container__description, [data-segment] .bg-image .title-d-container__title, [data-segment] .bg-image .title-d-container__subtitle, [data-segment] .bg-image .title-d-container__overwrite, [data-segment] .bg-image .title-d-container__description { color: #FFFFFF; } html body, html h2, html h3, html h4, html h5, html h6, html p { font-family: "ItauDisplay-Regular", "Myriad Pro", Arial; } .hover-animation { position: relative; } .hover-animation:before { content: ''; height: 4px; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.3s ease-in-out; width: 0; z-index: 10; } [data-segment='varejo'] .hover-animation:before, [data-segment='uniclass'] .hover-animation:before, [data-segment='private'] .hover-animation:before, [data-segment='cartoes'] .hover-animation:before { background-color: #EC7000; } [data-segment='empresas'] .hover-animation:before { background-color: #003767; } [data-segment='personnalite'] .hover-animation:before { background-color: #D0A967; } .hover-animation:hover:before { width: 100%; }