@import url("Theme.fd_base.css?35995"); /* * Tipografia comum! */ .slick-slide img { display: inline-block; } .more { max-width: 310px; margin: 30px auto 0px; padding: 20px 0px 0px; } .footnote { margin-top: 20px; font-size: 0.750em; line-height: 1.15em; color: #ADB4BA; } .vertical-center { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } a:hover, a:focus { text-decoration: none; color: #EE2429; } .content_title_container h4 { padding: 80px 125px 30px; font-size: 1.600em; font-weight: 500; margin: 0px; letter-spacing: 0; text-transform: none; } .content_title_container .content_sub_title { padding: 0px 50px 60px; font-size: 1.067em; border-bottom: 1px solid #D6D6D6; display: block; } .overlay,.overlay_widget,.overlay_simulador { display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 100; } .overlay_simulador { background: rgba(240, 241, 243, 0.7); z-index: 90; } .overlay_widget { z-index: 50; } .Page.desktop.small .content_title_container h4, .Page.tablet.landscape .content_title_container h4 { padding: 80px 20px 30px; } .Page.desktop.small .content_title_container .content_sub_title, .Page.tablet.landscape .content_title_container .content_sub_title { padding: 0px 20px 30px; } /* 2 visible */ .Page.tablet .content_title_container h4 { padding: 40px 20px 30px; } .Page.tablet .content_title_container .content_sub_title { padding: 0px 20px 30px; } .Page.phone .content_title_container h4 { padding: 20px 0px 30px; font-size: 1.333em; } .Page.phone .content_title_container .content_sub_title { padding: 0px 0px 30px; } /* * Botões e mais coisas utilizadas * entre os vários templates! */ .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } /* Classe para meter os botões com estilos * All-caps Bold e eSpaço entre letras */ .btn-abs { text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600; font-family:'Lato','Trebuchet MS' , sans-serif; white-space: normal; } .btn-default , a.btn-default :link,.btn-default :visited { color: #333333 !important; background-color: #ffffff; border-color: #cccccc; } /* Botão fidelidade */ .btn-fidelidade, a.btn-fidelidade:link,.btn-fidelidade:visited { color: #fff; background-color: #EE2429; border-color: #EE2429; } .btn-fidelidade:hover, .btn-fidelidade:link:hover, .btn-fidelidade:visited:hover, .btn-fidelidade:focus, .btn-fidelidade.focus, .btn-fidelidade:active, .btn-fidelidade.active, .open > .dropdown-toggle.btn-fidelidade { color: #fff; background-color: #B11B1F; border-color: #B11B1F; } .btn-fidelidade:active, .btn-fidelidade.active, .open > .dropdown-toggle.btn-fidelidade { background-color: #EE2429; } .btn-fidelidade.disabled, .btn-fidelidade[disabled], fieldset[disabled] .btn-fidelidade, .btn-fidelidade.disabled:hover, .btn-fidelidade[disabled]:hover, fieldset[disabled] .btn-fidelidade:hover, .btn-fidelidade.disabled:focus, .btn-fidelidade[disabled]:focus, fieldset[disabled] .btn-fidelidade:focus, .btn-fidelidade.disabled.focus, .btn-fidelidade[disabled].focus, fieldset[disabled] .btn-fidelidade.focus, .btn-fidelidade.disabled:active, .btn-fidelidade[disabled]:active, fieldset[disabled] .btn-fidelidade:active, .btn-fidelidade.disabled.active, .btn-fidelidade[disabled].active, fieldset[disabled] .btn-fidelidade.active { color: rgba(255, 255, 255, 0.5); background-color: #B11B1F; } .btn-fidelidade .badge { color: #EE2429; background-color: #fff; } /* Botão vermelho e branco */ .btn-white-red, a.btn-white-red:link,.btn-white-red:visited { color: #EE2429; background-color: #fff; border-color: #EE2429; } .btn-white-red:hover, .btn-white-red:link:hover, .btn-white-red:visited:hover, .btn-white-red:focus, .btn-white-red.focus, .btn-white-red:active, .btn-white-red.active, .open > .dropdown-toggle.btn-white-red { color: #B11B1F !important; background-color: #fff; border-color: #fff !important; } .btn-white-red:active, .btn-white-red.active, .open > .dropdown-toggle.btn-white-red { background-color: #EE2429; } .btn-white-red.disabled, .btn-white-red[disabled], fieldset[disabled] .btn-white-red, .btn-white-red.disabled:hover, .btn-white-red[disabled]:hover, fieldset[disabled] .btn-white-red:hover, .btn-white-red.disabled:focus, .btn-white-red[disabled]:focus, fieldset[disabled] .btn-white-red:focus, .btn-white-red.disabled.focus, .btn-white-red[disabled].focus, fieldset[disabled] .btn-white-red.focus, .btn-white-red.disabled:active, .btn-white-red[disabled]:active, fieldset[disabled] .btn-white-red:active, .btn-white-red.disabled.active, .btn-white-red[disabled].active, fieldset[disabled] .btn-white-red.active { color: rgba(255, 255, 255, 0.5); background-color: #EE2429; } .btn-white-red .badge { color: #EE2429; background-color: #fff; } /* Botão branco sem fundo */ .btn-clear, a.btn-clear:link,.btn-clear:visited { color: #fff; background-color: transparent; border-color: #fff; } .btn-clear:hover, .btn-clear:link:hover, .btn-clear:visited:hover, .btn-clear:focus, .btn-clear.focus, .btn-clear:active, .btn-clear.active, .open > .dropdown-toggle.btn-clear { color: #fff; background-color: rgba(0, 0, 0, 0.1) !important; border-color: #fff; } .btn-clear:active, .btn-clear.active, .open > .dropdown-toggle.btn-clear { background-color: transparent; } .btn-clear.disabled, .btn-clear[disabled], fieldset[disabled] .btn-clear, .btn-clear.disabled:hover, .btn-clear[disabled]:hover, fieldset[disabled] .btn-clear:hover, .btn-clear.disabled:focus, .btn-clear[disabled]:focus, fieldset[disabled] .btn-clear:focus, .btn-clear.disabled.focus, .btn-clear[disabled].focus, fieldset[disabled] .btn-clear.focus, .btn-clear.disabled:active, .btn-clear[disabled]:active, fieldset[disabled] .btn-clear:active, .btn-clear.disabled.active, .btn-clear[disabled].active, fieldset[disabled] .btn-clear.active { color: rgba(255, 255, 255, 0.5); background-color: transparent; border-color: rgba(255, 255, 255, 0.5); } .btn-clear .badge { color: #337ab7; background-color: #fff; } /* Botão escuro sem fundo */ .btn-clear-dark, a.btn-clear-dark:link, .btn-clear-dark:visited { color: #242B31; background-color: transparent; border-color: #242B31; } .btn-clear-dark:hover, .btn-clear-dark:link:hover, .btn-clear-dark:visited:hover, .btn-clear-dark:focus, .btn-clear-dark.focus, .btn-clear-dark:active, .btn-clear-dark.active, .open > .dropdown-toggle.btn-clear-dark { color: #242B31; background-color: rgba(36, 43, 49, 0.1); border-color: #242B31; } .btn-clear-dark:active, .btn-clear-dark.active, .open > .dropdown-toggle.btn-clear-dark { background-color: transparent; } .btn-clear-dark.disabled, .btn-clear-dark[disabled], fieldset[disabled] .btn-clear-dark, .btn-clear-dark.disabled:hover, .btn-clear-dark[disabled]:hover, fieldset[disabled] .btn-clear-dark:hover, .btn-clear-dark.disabled:focus, .btn-clear-dark[disabled]:focus, fieldset[disabled] .btn-clear-dark:focus, .btn-clear-dark.disabled.focus, .btn-clear-dark[disabled].focus, fieldset[disabled] .btn-clear-dark.focus, .btn-clear-dark.disabled:active, .btn-clear-dark[disabled]:active, fieldset[disabled] .btn-clear-dark:active, .btn-clear-dark.disabled.active, .btn-clear-dark[disabled].active, fieldset[disabled] .btn-clear-dark.active { color: rgba(36, 43, 49, 0.5); background-color: rgba(36, 43, 49, 0.1); border-color: rgba(36, 43, 49, 0.5); } .btn-clear-dark .badge { color: #337ab7; background-color: #fff; } /* Botão escuro com fundo branco */ .btn-white, a.btn-white:link, .btn-white:visited { color: #242B31; background-color: #fff; border-color: #fff; } .btn-white:hover, .btn-white:link:hover, .btn-white:visited:hover, .btn-white:focus, a.btn-white:focus, .btn-white.focus, .btn-white:active, a.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white { color: #242B31; background-color: rgba(36, 43, 49, 0.1); border-color: #F2F2F2; } .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white { background-color: #fff; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled.focus, .btn-white[disabled].focus, fieldset[disabled] .btn-white.focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active { color: rgba(36, 43, 49, 0.5); background-color: #F2F2F2; border-color: rgba(36, 43, 49, 0.5); } .btn-white .badge { color: #337ab7; background-color: #fff; } /* Botão escuro sem fundo com borda clara */ .btn-clear-dark-border, a.btn-dark-border:link, .btn-clear-dark-border:visited { color: #242B31; background-color: transparent; border-color: #D9DFDF; } .btn-clear-dark-border:hover, .btn-clear-dark-border:link:hover, .btn-clear-dark-border:visited:hover, .btn-clear-dark-border:focus, .btn-clear-dark-border.focus, .btn-clear-dark-border:active, .btn-clear-dark-border.active, .open > .dropdown-toggle.btn-clear-dark-border { color: #242B31; background-color: rgba(36, 43, 49, 0.1); border-color: #D9DFDF; } .btn-clear-dark-border:active, .btn-clear-dark-border.active, .open > .dropdown-toggle.btn-clear-dark-border { background-color: transparent; } .btn-clear-dark-border.disabled, .btn-clear-dark-border[disabled], fieldset[disabled] .btn-clear-dark-border, .btn-clear-dark-border.disabled:hover, .btn-clear-dark-border[disabled]:hover, fieldset[disabled] .btn-clear-dark-border:hover, .btn-clear-dark-border.disabled:focus, .btn-clear-dark-border[disabled]:focus, fieldset[disabled] .btn-clear-dark-border:focus, .btn-clear-dark-border.disabled.focus, .btn-clear-dark-border[disabled].focus, fieldset[disabled] .btn-clear-dark-border.focus, .btn-clear-dark-border.disabled:active, .btn-clear-dark-border[disabled]:active, fieldset[disabled] .btn-clear-dark-border:active, .btn-clear-dark-border.disabled.active, .btn-clear-dark-border[disabled].active, fieldset[disabled] .btn-clear-dark-border.active { color: rgba(36, 43, 49, 0.5); background-color: transparent; border-color: rgba(36, 43, 49, 0.5); } .btn-clear-dark-border .badge { color: #337ab7; background-color: #fff; } /* Botão meio escuro sem fundo */ .btn-clear-half-dark, a.btn-half-dark:link, .btn-clear-half-dark:visited { color: #545F65; background-color: transparent; border-color: #A3AAB0; } .btn-clear-half-dark:hover, .btn-clear-half-dark:link:hover, .btn-clear-half-dark:visited:hover, .btn-clear-half-dark:focus, .btn-clear-half-dark.focus, .btn-clear-half-dark:active, .btn-clear-half-dark.active, .open > .dropdown-toggle.btn-clear-half-dark { color: #242B31; background-color: rgba(36, 43, 49, 0.1); border-color: #A3AAB0; } .btn-clear-half-dark:active, .btn-clear-half-dark.active, .open > .dropdown-toggle.btn-clear-half-dark { background-color: transparent; } .btn-clear-half-dark.disabled, .btn-clear-half-dark[disabled], fieldset[disabled] .btn-clear-half-dark, .btn-clear-half-dark.disabled:hover, .btn-clear-half-dark[disabled]:hover, fieldset[disabled] .btn-clear-half-dark:hover, .btn-clear-half-dark.disabled:focus, .btn-clear-half-dark[disabled]:focus, fieldset[disabled] .btn-clear-half-dark:focus, .btn-clear-half-dark.disabled.focus, .btn-clear-half-dark[disabled].focus, fieldset[disabled] .btn-clear-half-dark.focus, .btn-clear-half-dark.disabled:active, .btn-clear-half-dark[disabled]:active, fieldset[disabled] .btn-clear-half-dark:active, .btn-clear-half-dark.disabled.active, .btn-clear-half-dark[disabled].active, fieldset[disabled] .btn-clear-half-dark.active { color: rgba(36, 43, 49, 0.5); background-color: rgba(36, 43, 49, 0.1); border-color: rgba(36, 43, 49, 0.5); } .btn-clear-half-dark .badge { color: #337ab7; background-color: #fff; } /* /* * Imagem de topo, * comum a muitas páginas! */ .main_image { position: relative; display: block; width: 100%; height: 321px; text-align: center; vertical-align: middle; background: transparent no-repeat center center; background-size: cover; overflow: hidden; } .background_image { position: absolute; top: 0; left: 0; z-index: 0; } .background_image img { border:none; } .main_image .main_image_container { padding: 20px; max-width: 600px; max-height: 100%; margin: 0px auto; padding: 50px 30px; background: #EE2429; color: #fff; } .main_image .main_image_container h1, .main_image .main_image_container .Heading1 { margin: 10px 0px; } .main_image .main_image_container h2, .main_image .main_image_container .Heading2 { margin: 10px 0px; } .main_image .main_image_container h3, .main_image .main_image_container .Heading3 { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1em; /*16px*/ margin: 10px 0px; letter-spacing: 0px; } .main_image .main_image_container .footnote { display: block; font-size: 0.875em; letter-spacing: 0.2em; margin-top: -5px; color: #fff; } .Page.phone .main_image { height: auto; margin: 0px 0px; } .Page.phone .main_image .main_image_container { width: 90%; padding: 20px 15px; margin-top:10rem; } .Page.phone .main_image .main_image_container h2,.main_image .main_image_container h1 { font-size: 1.4em; line-height: 1.4em; } /* * Destaques secundários */ .secondary_container { position: relative; margin: 0px auto 30px; width: 1188px; } .should_know_container { width: 120.8rem !important; text-align: center; margin: 0 auto; overflow: hidden; display: table; } .should_know_container .secondary_item_content { background-color: white; padding: 30px; } /* 3 visible */ .Page.tablet .secondary_container.should_know_container { width: 100% !important; } .Page.tablet .secondary_container { width: 905px !important; margin: 0px auto 30px; } .Page.tablet .should_know_container.secondary_container .secondary_item:nth-child(n+4) { display: none; } .Page.tablet .secondary_container .secondary_item:nth-child(4n-3){ margin:0 1.5rem 1.5rem 0; } .Page.tablet .secondary_container .secondary_item:nth-child(4n-2), .Page.tablet .secondary_container .secondary_item:nth-child(4n-1){ margin:0 1.5rem 1.5rem 0; } .Page.tablet .secondary_container .secondary_item:nth-child(4n){ margin:0 1.5rem 1.5rem 0; } .Page.tablet .should_know_container { display: block; } /* 2 visible */ .Page.tablet .secondary_container { width: 590px !important; margin: 0px auto 30px; } .Page.tablet .should_know_container.secondary_container .secondary_item { display: inline-block !important; } .Page.phone .should_know_container { display: block; } /* 1 visible */ .Page.phone .secondary_container { width: 287px !important; margin: 0 auto 30px; } .Page.phone .should_know_container.secondary_container .secondary_item { display: inline-block !important; } .secondary_container .slick-list { overflow: hidden; } .secondary_container .secondary_item { background: #fff; border: 1px solid #fff; padding: 30px; font-size: 16px; width: 287px; text-align: center; float: none; display: inline-block;; } .should_know_container.secondary_container .secondary_item { width: 284px; margin: 10px 10px; background: none; border: none; float: none; display: inline-block; vertical-align: middle; padding: 0px; } .should_know_container.secondary_container .secondary_item:nth-child(n+5) { display: none; } .secondary_container .secondary_item:nth-child(4n-3) { margin:0 1.5rem 1.5rem 0; } .secondary_container .secondary_item:nth-child(4n-2), .secondary_container .secondary_item:nth-child(4n-1) { margin:0 1.5rem 1.5rem 0; } .secondary_container .secondary_item:nth-child(4n) { margin:0 1.5rem 1.5rem 0; } .Page.tablet .secondary_container .secondary_item:nth-child(4n-3), .Page.tablet .secondary_container .secondary_item:nth-child(4n-2), .Page.tablet .secondary_container .secondary_item:nth-child(4n-1), .Page.tablet .secondary_container .secondary_item:nth-child(4n) { margin: 0px 7px; } /* 1 visible */ .Page.phone .secondary_container .secondary_item { margin: 0px !important; } .secondary_container .secondary_item h3 { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1em; /*16px*/ line-height: 1.4em; margin: 0px; color : rgb(59, 59, 59); letter-spacing : 0px; } .secondary_container .secondary_item h4 { text-transform: uppercase; font-weight: 600; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 0.875em; /*14px*/ line-height: 1.1em; letter-spacing: 0.09em; margin: 0px; color: #4f4f4f; min-height: 45px; /*for fixed line effect*/ } .secondary_container .secondary_item img { margin: 0px auto 15px; } .secondary_container .secondary_item .padded { padding: 30px; position: relative; } .secondary_container .secondary_item .content { border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding-top: 20px; min-height: 280px; } .secondary_container .secondary_item .content.short { border: none; padding-top: 0px; min-height: 85px; position: relative; } .secondary_container .secondary_item .action { padding: 8px 0px 16px; } .secondary_container .secondary_item .action span.likes { float: left; } .secondary_container .secondary_item .action span.likes span { } .secondary_container .secondary_item .action .share { float: right; } .secondary_container .secondary_item .action .share a { color: #3B3B3B; } /* * Destaques secundários: * Estilos específicos de conteúdos */ /*imagem*/ .secondary_container .secondary_item.image { padding: 0px; } .secondary_container .secondary_item.image img { margin-bottom: 0px; width: 100%; } /*faqs*/ .secondary_container .secondary_item.faq h3 { position: relative; text-transform: none; background: #EE2429; color: #fff; padding: 20px; font-size: 1.5em; /*24px*/ line-height: 1.2em; min-height: 200px; border-radius: 4px; } .secondary_container .secondary_item.faq h3::after { content: ' '; position: absolute; background: #EE2429; width: 12px; height: 12px; bottom: -6px; left: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*noticias*/ .secondary_container .secondary_item.news .content { text-align: left; } .secondary_container .secondary_item.news .content h3 { margin-bottom: 20px; } .secondary_container .secondary_item.news .content .date { font-size: 0.750em; color: #A4ABB1; } /*relatorios*/ .secondary_container .secondary_item.reports .content { text-align: left; position: relative; } .secondary_container .secondary_item.reports .content h3 { margin-bottom: 20px; } .secondary_container .secondary_item.reports .content .date { font-size: 0.750em; color: #A4ABB1; } .secondary_container .secondary_item.reports .content .buttons{ position: absolute; bottom: 20px; text-align: center; width: 100%; } /*eventos*/ .secondary_container .secondary_item.events .content { text-align: left; } .secondary_container .secondary_item.events .content h3 { margin-bottom: 20px; } .secondary_container .secondary_item.events .content .date { font-size: 0.750em; color: #EE2429; } .secondary_container .secondary_item.events .content .img { margin-top: 20px; } /*imprensa*/ .secondary_container .secondary_item.press .content { text-align: left; position: relative; } .secondary_container .secondary_item.press .content h3 { margin-bottom: 20px; margin-top: 22px; } .secondary_container .secondary_item.press .content .buttons{ position: absolute; bottom: 20px; text-align: center; width: 100%; } /* * Coisas variadas... */ .mesh { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(144,120,120,0.3); } a.pink_dog, .pink_dog { color: #EE2429; } /*
*/ .check-circle { width: 30px; height: 30px; font-size: 1.2em; background: #EE2429; color: white; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 1.7em; } /*
*/ .dog_icon { background: white; width: 100px; height: 100px; border-radius: 100%; position: absolute; margin: 0 auto; top: -31px; font-size: 57px; left: 50%; margin-left: -50px; color: #EE2429; padding-left: 12px; } /* Seta das Select Boxes */ .select_styled { position: relative; } .select_styled select { -moz-appearance: none; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ''; } .select_styled:before { content: ''; right: 4px; top: 5px; width: 40px; height: 75%; max-height: 40px; pointer-events: none; display: block; position: absolute; z-index: 4; background: #fff; /*fix ie*/ margin-top:-1px; margin-right: -1px; } .select_styled:after { content: ''; color: #aaa; right: 12px; top: 28px; position: absolute; pointer-events: none; width: 0; height: 0; z-index: 6; border-top: 10px solid #DADADA; border-left: 8px solid transparent; border-right: 8px solid transparent; } /*passo 3 simulação*/ .product_container .field_select { margin: 0px; } .product_container .insurance_coverage_title .field_select, .mobile_product_detail_coverages_line .field_select { margin: 15px 0px; } .product_container .select_styled select, .mobile_product_detail_coverages_line .select_styled select { border: 1px solid #A3AAB0; width: 100%; height: 35px; border-radius: 3px; padding: 5px; color: #252C34; font-weight: 500; background-color: white; line-height: 14px; } .product_container .select_styled.auto { margin: 10px auto; width: 76%; } .product_container .select_styled.auto.special_display, .product_container .coverage_text { display: inline-block; vertical-align: middle; margin: 10px; width: 65%; letter-spacing: 0px; } .product_container .select_styled:after, .mobile_product_detail_coverages_line .select_styled:after, .mobile_product_detail_coverages_prize .select_styled:after { top: 14px; } .mobile_product_detail_coverages_prize .select_styled select { border: 1px solid #A3AAB0; width: 100%; height: 35px; border-radius: 3px; padding: 5px; color: #252C34; font-weight: 500; background-color: white; } .product_container .product_prize .select_styled:after { top: 14px; } /* fazer override dos estilos de largura, altura no css respectivo */ .checkbox_styled { position:relative; width: 60px; height: 60px; display: inline-block; vertical-align: top; } .checkbox_styled label { position: absolute; cursor: pointer; width: 100%; height: 100%; left:0px; background:white; } /* fazer override dos estilos de largura, altura e posicionamento no css respectivo */ .checkbox_styled label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 30px; height: 15px; background: transparent; top: 17px; left: 16px; border: 2px solid #EE2429; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox_styled input[type=checkbox]:checked ~ label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .checkbox_styled input[type=checkbox]:checked ~ label { background:white; } /* razoes -como ta noe na pagina conteudo */ .reasons { font-size: 15px; width: 100%; padding: 55px 0px 20px; } .reasons .reasons_title { display: inline-block; width: 24%; vertical-align: top; } .reasons .reasons_title h3 { padding: 14px 0px 15px; line-height: 1.4em; } .reasons .reasons_details { display: inline-block; width: 100%; vertical-align: top; } .reasons .reasons_details .reason { vertical-align: top; display: inline-block; width: 295px; padding-right: 15px; } .reasons .reasons_details .reason .score_bar { width: 100%; background: white; height: 15px; border-radius: 3px; position: relative; margin-bottom: 30px; } .reasons .reasons_details .reason .score_bar_fill { background: #EE2429; height: 15px; border-radius: 3px; position: relative; } .reasons .reasons_details .reason .score_bar_value:before { content: ' '; position: absolute; background: #EE2429; width: 8px; height: 8px; left: 50%; top: -4px; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .reasons .reasons_details .reason .score_bar_value { position: absolute; background: #EE2429; color: white; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 0.933em; height: 22px; width: 42px; text-align: center; padding: 2px; border-radius: 3px; margin-left: -21px; top: 22px; } .reasons .reasons_details .reason h2 { font-size: 1.19em; } .reasons .reasons_details .reason h3 { font-size: 1.067em; } .reasons h3 { margin: 0px; font-size: 1.333em; text-transform: none; font-weight: 500; line-height: 1.6em; padding: 5px 1px 15px; font-family: 'Trebuchet MS'; } .reasons h2 { margin: 0px; font-size: 2em; } /* googlemaps infowindow */ .gm-style .gm-style-iw{ font-size: 16px; } .gm-style .gm-style-iw > div > div{ overflow: hidden !important; } .gm-style .gm-style-iw .search_result_container{ width: 100% !important; } .gm-style .gm-style-iw .search_result_container .search_result{ padding: 12px 0px !important; height: 265px !important; } /* 3 visible */ .Page.desktop.small .reasons .reasons_title, .Page.tablet.landscape .reasons .reasons_title { display: block; width: 100%; text-align: center; } .Page.desktop.small .reasons .reasons_details, .Page.tablet.landscape .reasons .reasons_details { width:800px !important; display: block !important; margin: 0 auto; } .Page.desktop.small .reasons .reasons_details .reason_container, .Page.tablet.landscape .reasons .reasons_details .reason_container { padding: 0px 10px; } .Page.desktop.small .reasons .reasons_details .reason, .Page.tablet.landscape .reasons .reasons_details .reason { width: 395px; background: white; padding: 12px 21px 0px; height: 200px; } .Page.desktop.small .reasons .reasons_details .reason h2, .Page.tablet.landscape .reasons .reasons_details .reason h2 { text-align: center; } .Page.desktop.small .reasons .reasons_details .reason h3, .Page.tablet.landscape .reasons .reasons_details .reason h3 { text-align: center; } .Page.desktop.small .reasons .check-circle, .Page.tablet.landscape .reasons .check-circle { margin: 10px auto 20px !important; } .Page.desktop.small .reasons .reasons_details .reason .score_bar, .Page.tablet.landscape .reasons .reasons_details .reason .score_bar { background: #F0F1F3; } /* 2 visible */ .Page.tablet .reasons .reasons_title { display: block; width: 100%; text-align: center; } .Page.tablet .reasons .reasons_details { width:401px !important; display: block !important; margin: 0 auto; } .Page.tablet .reasons .reasons_details .reason_container { padding: 0px 10px; } .Page.tablet .reasons .reasons_details .reason { width: 380px; background: white; padding: 10px 21px 0px; height: auto; } .Page.tablet .reasons .reasons_details .reason h2 { text-align: center; } .Page.tablet .reasons .reasons_details .reason h3 { text-align: center; } .Page.tablet .reasons .check-circle { margin: 10px auto 20px !important; } .Page.tablet .reasons .reasons_details .reason .score_bar { background: #F0F1F3; } /* 1 visible */ .Page.phone .reasons .reasons_title h3 { font-size: 0.8em; padding: 5px 0px 15px; } .Page.phone .reasons .reasons_title h2 { font-size: 1.6em; } .Page.phone .reasons .reasons_title { display: block; width: 100%; text-align: center; } .Page.phone .reasons .reasons_details { width:290px !important; display: block !important; margin: 0 auto; } .Page.phone .reasons .reasons_details .reason_container { padding: 0px 5px; } .Page.phone .reasons .reasons_details .reason { width: 275px; background: white; padding: 10px 15px 0px; height: auto; } .Page.phone .reasons .reasons_details .reason h2 { text-align: center; } .Page.phone .reasons .reasons_details .reason h3 { text-align: center; font-size: 0.933em; padding: 5px 0px; } .Page.phone .reasons .check-circle { margin: 10px auto 20px !important; } .Page.phone .reasons .reasons_details .reason .score_bar { background: #F0F1F3; } /* video- como em produto com campanha e pagina de conteudo */ .container_campaign { background-color: #fff; padding: 30px; overflow: hidden; display: inline-block; } .container_campaign .column_left { width: 345px; padding-right: 30px; float: left; } .container_campaign .column_left .title { margin: 0 0 20px 0; } .container_campaign .column_left .title h2 { font-size:1.5em; /*24px*/ font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; line-height: 1.5em; text-transform: none; margin: 0px; } .container_campaign .column_left .text p { font-style: italic; line-height: 1.5em; } .container_campaign .column_left .text p.link { text-decoration: none; font-style: normal; } .container_campaign .column_right { float: right; } .Page.desktop.small .container_campaign .column_right, .Page.tablet.landscape .container_campaign .column_right { float: none; } .Page.desktop.small .container_campaign .column_right .container_campaign .column_right iframe , .Page.tablet.landscape .container_campaign .column_right .container_campaign .column_right iframe { } .Page.desktop.small .container_campaign .column_left , .Page.tablet.landscape .container_campaign .column_left { float: none; display: inline-block; width: 100%; padding-right: 0px; } /* 2 visible */ .Page.tablet .container_campaign .column_right { float: none; } .Page.tablet .container_campaign .column_right iframe { width: 100%; } .Page.tablet .container_campaign .column_left { width: 100%; padding-right: 0px; } .Page.phone .container_campaign .column_right { float: none; } .Page.phone .container_campaign { padding: 0px; text-align: center; } .Page.phone .container_campaign .text p { font-size: 0.875em; } .Page.phone .container_campaign .column_left { width: 292px; padding: 15px; } .Page.phone .container_campaign .column_left .title h2 { font-size: 1.15em; line-height: 1.5em; } .Page.phone .container_campaign .column_right iframe { width: 300px; height: 169px; } /* destaque de final de pagina */ .container_carplus { position: relative; overflow: hidden; margin-top: 50px; } .container_carplus .main_destaque { position: relative; width: 100%; min-height:235px; background-color: #EE2429; } .container_carplus .main_destaque i { position: absolute; right: -1px; bottom: 20px; font-size: 12em; color: #fff; } .container_carplus .main_destaque .title { margin: 0; padding-top: 10px; } .container_carplus .main_destaque .title h2 { font-size: 1.75em; /*24px*/ color:#fff; margin: 0px; padding-top: 50px; } .container_carplus .main_destaque .sub_title h3 { font-size: 1em; /*16px*/ text-transform: uppercase; color:#fff; } .container_carplus .main_destaque .text { margin-top: 30px; } .container_carplus .main_destaque .text p { color:#fff; } .Page.desktop.small .container_carplus .main_destaque i, .Page.tablet.landscape .container_carplus .main_destaque i { display: none; } .Page.tablet .container_carplus .main_destaque i { display: none; } .Page.phone .container_carplus { margin-top: 35px; } .Page.phone .container_carplus .main_destaque i { display: none; } .Page.phone .container_carplus .main_destaque .title { padding-top: 10px; } .Page.phone .container_carplus .main_destaque { padding:10px; } .Page.phone .container_carplus .main_destaque .text p { font-size: 0.875em; } .Page.phone .container_carplus .main_destaque .sub_title h3 { margin-top: 20px; } /* nao encontra o k procura? */ .container_callme input { border: none; border-radius: 1px; margin-right: 10px; } .container_callme .text { padding-bottom: 20px; } .container_callme .text h2 { margin: 0px; padding-bottom: 20px; font-size: 1.9em; line-height: 1.0em; letter-spacing: 1px; } .container_callme .text p { } .container_callme { padding-top: 50px; } .Page.phone .container_callme .text { padding-bottom: 20px; } .Page.phone .container_callme h2 { font-size: 1.35em; } /* radio buttons exemplo para 2 radios
*/ .field_radio_group { margin: 20px 0px; } .field_radio_group .condition_name { width: 294px; } .field_radio_group .field_radio_button.small_radio .condition_name { width: 102px; } .field_radio_group .field_radio_button { display: inline-block; vertical-align: middle; clear: both; float: none; position: relative; text-align: left; padding-left: 20px; } .field_radio_group .field_radio_button:first-child { padding-left: 0px } .field_radio_group .field_radio_button:not(:first-child) { margin-left: -5px; } /* hide input */ .field_radio_group .field_radio_button input:empty { opacity: 0; position: absolute; } .field_radio_group .field_radio_button input:focus ~ label { border: 1px solid blue !important; } /* style label */ .field_radio_group .field_radio_button input:empty ~ label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; height: 60px; line-height: 60px; padding-left: 20px; background: white; width: 279px; margin: 0; color: #757575; font-weight: 500; } .field_radio_group .field_radio_button.small_radio input:empty ~ label { width: 102px; } .field_radio_group .field_radio_button.medium_radio input:empty ~ label { width: 160px; } .field_radio_group .field_radio_button.medium_big_radio input:empty ~ label { width: 220px; } .Page.phone .field_radio_group .field_radio_button.medium_big_radio input:empty ~ label { width: 100%; } .field_radio_group .field_radio_button input:empty ~ label:before { position: absolute; display: inline-block; content: ''; width: 36px; border-radius: 100%; right: 12px; height: 36px; border: 1px solid #D1D3D4; top: 12px; bottom: 12px; background: #fff; line-height: 36px; text-align: center; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } /* toggle on */ .field_radio_group .field_radio_button input:checked ~ label:before { content:'\f00c'; background-color: #252C32; color: #fff; } .field_radio_group .field_radio_button input:checked ~ label { border: 1px solid #A3AAB0; height: 61px; line-height: 61px; color: #242C2F; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } /* inputs text/email simuladores
*/ .field_input_text input { font-size: 1em; color: #242C2F; padding: 20px; height: 60px !important; border-radius: 0px; border: 0; font-weight: 500; } .field_input_text input[disabled] { background-color: #cccccc; color: #757575; } .field_input_text input[disabled]::-webkit-input-placeholder { color: #757575; } .field_input_text input[disabled]:-moz-placeholder { /* Firefox 18- */ color: #757575; } .field_input_text input[disabled]::-moz-placeholder { /* Firefox 19+ */ color: #757575; } .field_input_text input[disabled]:-ms-input-placeholder { color: #757575; } .field_text_area { width: 915px; border: none; resize: none; padding: 25px; } .field_input { margin: 20px 0px; position: relative; } .big_input .field_input_text input { max-width: 580px; width: 100%; } .big_input .field_text_area { max-width: 600px; width: 100%; } .small_input .field_input_text input { width: 279px; } .small_little_input .field_input_text input { width: 190px; } .tiny_input .field_input_text input { width: 90px; } .tiny_medium_input .field_input_text input { width: 115px; } .mini_input .field_input_text input { width: 135px; } /* field check*/ .field_check_group { margin: 20px 0px; } .field_check_group_member { display: inline-block; position: relative; height: 60px; vertical-align: middle; text-align: left; margin-top: 10px; } .field_check_group_member:not(:first-child) { margin-left: -4px; padding-left: 20px; } .field_check_box input[type="checkbox"] { position: absolute; opacity: 0; } .field_check_box { position:relative; display: table-row; width: 279px; height: 60px; } .field_check_box label { cursor: pointer; background:white; padding-left:20px; font-size:16px; padding-right:45px; display:table-cell; left:0px; vertical-align:middle; width:279px; margin-bottom:0px; top:0px; height:60px; position:relative; color: #757575; font-weight: 500; } /* fazer override dos estilos de largura, altura e posicionamento no css respectivo */ .field_check_box label:after { content: ''; position: absolute; height: 36px; background: transparent; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; border: 1px solid #D1D3D4; border-radius: 100%; width: 36px; top: 12px; line-height: 36px; right: 12px; text-align: center; } .field_check_box input[type=checkbox]:checked ~ label:after { content:'\f00c'; background-color: #252C32; color: #fff; } .field_check_box input[type=checkbox]:focus ~ label { border: 1px solid blue; } .field_check_box input[type=checkbox]:checked ~ label { background: white; border: 1px solid #A3AAB0; height: 61px; color: #242C2F; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } /* range_input */ .field_range_input { margin: 10px 0px 50px; padding: 10px 0px; height: 55px; position: relative; } /* range selector */ .field_input_range { background: #A3ABAE; box-shadow: none; border:none; border-radius: 0px; height: 5px; position: relative; width: 600px; display: inline-block; } .field_input_range:before { content: ""; width: 6px; height: 26px; position: absolute; top: -11px; left: 0px; background: #A3ABAE; border-radius: 10px; } .field_input_range:after { content: ""; width: 6px; height: 26px; position: absolute; top: -11px; right: 0px; background: #A3ABAE; border-radius: 10px; z-index: 0; } .field_input_range .noUi-handle { width: 28px; height: 28px; background: #fff; box-shadow: none; border: 8px solid #242B31; border-radius: 100%; left: -10px; top: -12px; } .field_input_range .noUi-base { z-index: 10; } .field_input_range .noUi-value { width: 100px; font-size: 16px; font-family: 'Lato','Trebuchet MS' sans-serif; text-align: right; color: #a4abb0; padding-top: 39px; font-weight: 500; margin-left: -100px; } .field_input_range .noUi-value:nth-child(2) { margin-left: 0px; text-align: left; } .field_input_range .noUi-marker-horizontal.noUi-marker-large { height: 0px; } .field_input_range .noUi-handle:before,.field_input_range .noUi-handle:after { display: none; } .field_input_range_value { position: absolute; top: 31px; color: #252c31; text-align: center; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; left: -40px; width: 100px; } .slider_plus, .slider_minor{ font-size: 30px; font-weight: 700; cursor: pointer; display: inline-block; vertical-align: middle; background-color: #fff; text-align: center; height: 28px; width: 28px; line-height: 28px; border-radius: 50%; } .slider_plus{ margin-left: 10px; } .slider_minor{ margin-right: 10px; } .Page.phone .slider_plus{ margin-left: 5px; } .Page.phone .slider_minor{ margin-right: 5px; } /* input file */ .field_input_button { display: inline-block; margin: 20px 0px; } .field_input_button input.file { position: absolute; z-index: 0; opacity: 0; } .field_input_button input.file ~ label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; height: 60px; line-height: 60px; padding-left: 20px; background: white; width: 279px; margin: 0; color: #757575; font-weight: 500; } .field_input_button input.file ~ label:before { position: absolute; display: inline-block; content: "\f067"; background-color: #252C32; color: #fff; width: 36px; border-radius: 100%; right: 12px; height: 36px; border: 1px solid #D1D3D4; top: 12px; bottom: 12px; line-height: 36px; text-align: center; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } /* select simulador */ .field_select { margin: 20px 0px; } .field_select select { font-size: 1em; color: #A4ACAF; padding: 18px; height: 60px; width: 100%; border-radius: 0px; border: 0; background-color: white; } .big_select { width: 583px; } .small_select { width: 279px; } .mini_select { width: 92px; } /* info button */ .info_button { width: 28px; height: 28px; background: #EE2429; border-radius: 100%; display: inline-block; color: #fff; padding-top: 2px; vertical-align: middle; font-weight: 900 !important; text-transform: none; font-size: 1.125em; margin-left: 15px; font-family: 'Lato','Trebuchet MS' , sans-serif; } .info_button_car { width: 28px; height: 28px; line-height: 26px; background: #A1A8AE; border-radius: 100%; display: inline-block; color: #fff; vertical-align: middle; font-weight: 900 !important; text-transform: none; font-size: 1.125em; } /* agents slider simuladores */ .agents_container { width: 295px; height: 660px; background: white; position: absolute; top: 40px; right: 4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); } .agent_container { position: relative; } .agent_container .agent { padding: 20px; position: relative; height: 660px; } .agent_container .agent .agent_recomend { font-size: 1.25em; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; letter-spacing: 0px; } .agent .agent_name { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; padding-top: 10px; letter-spacing: 0px; } .agent_informations { } .agent_informations .agent_information { text-align: left; font-size: 0.875em; } .agent_informations .agent_information .agent_information_title { display: inline-block; text-align: left; width: 29%; vertical-align: top; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } .agent_informations .agent_information .agent_information_content { margin-right: -4px; vertical-align: top; display: inline-block; width: 71%; } .agent .mediator { padding-top: 15px; } .agent .mediator_button { text-align: center; padding: 20px 0px; } .agent .mediator .mediator_photo { display: inline-block; width: 95px; vertical-align: middle; } .agent .mediator .mediator_photo .photo { border-radius: 100%; overflow: hidden; width: 95px; height: 95px; vertical-align: middle; } .agent .mediator .mediator_photo .photo img { max-width: 100% } .agent .mediator .mediator_name { display: inline-block; vertical-align: middle; padding-left: 15px; width: 145px; } .agent .mediator .mediator_name span { font-size: 0.875em; } .agent .mediator .mediator_name h3 { font-size: 1.125em; text-transform: none; } .agent .mediator .mediator_name a { margin-top: 10px } .agents_container .slick-dots { position: absolute; width: 100%; bottom: 66px; margin: 0; z-index: 1; } .agents_container .slick-dots li { vertical-align: middle; } .agents_container .slick-dots li button { width: 16px; height: 16px; border-radius: 100%; background-color: #A4ABB1; } .agents_container .slick-dots li.slick-active button { background: #252C32; } .agents_container .slick-next { position: absolute; bottom: 63px; right: 22px; z-index: 2; cursor: pointer; } .agents_container .slick-prev { position: absolute; bottom: 63px; left: 22px; z-index: 2; cursor: pointer; } .agents_container .slick-dots li:nth-child(n+5) { display: none; } .agent_container .other_agents { position: absolute; bottom: 20px; width: 100%; text-align: center; } /* passo final simuladores */ .insurance_top .insurance_payment_note { text-align: center; } .insurance_top .insurance_title { text-align: center; font-size: 1.5em; padding-bottom: 30px; } .insurance_middle_top { margin-top: 40px; } .insurance_middle_top .insurance_payment { margin-bottom: 40px; } .insurance_middle_top input { margin: 10px 0px; width: 200px; } div.product_container { position: relative; display: table-cell; margin-left: 0px; padding: 0; vertical-align: middle; float: none; } .insurance_middle_top .product_container.product_recomended .product .product_persuasive { background-color: #242C2F; } .insurance_middle_top .product_container.product_recomended .product { border-left: 1px solid #A3AAB0; border-right: 1px solid #A3AAB0; border-top: 1px solid #A3AAB0; } .insurance_middle_spacer .product_container.product_recomended div { border-left: 1px solid #A3AAB0; border-right: 1px solid #A3AAB0; } .insurance_middle_spacer .product_container:first-child { } .insurance_middle_spacer .product_container:nth-child(2) { border-right: 10px solid #F0F1F3; } .insurance_middle_spacer .product_container:nth-child(3) { border-right: 5px solid #F0F1F3; border-left: 10px solid #F0F1F3; } .insurance_middle_spacer .product_container:last-child { border-right: 0px solid #F0F1F3; border-left: 15px solid #F0F1F3; } .insurance_middle .product_container.product_recomended > div { } .insurance_middle .product_container.product_recomended:after { content:''; position:absolute; width:1px; background-color:#A3ABAE; top:0px; right:0px; bottom:0px; } .insurance_middle .product_container.product_recomended .bar:first-child, .insurance_middle .product_container.product_recomended .bar:last-child { display: block; width: 1px; height: 100%; position: absolute; top: 0; z-index: 1; background-color:#A3ABAE; } .insurance_middle .product_container.product_recomended .bar:first-child { left: 0px; } .insurance_middle .product_container.product_recomended .bar:last-child { right: 0px; } .insurance_middle .product_container.product_recomended:before { content:''; position:absolute; width:1px; background-color:#A3ABAE; top:0px; left:0px; bottom:0px; z-index:1; } .insurance_middle .insurance_coverage_container .product_container.product_recomended > .control_zone { border-bottom: 1px solid #A3AAB0 !important; } .insurance_middle:nth-child(3) .insurance_coverage_container:last-child .product_container.product_recomended> div { border-bottom: none; } .insurance_middle_spacer { display: table; width: 100%; } .insurance_middle_spacer .product_container:first-child { padding: 0px; border-right: 15px solid #F0F1F3; } .product_container:first-child { } .product_container:first-child input { max-width: 225px; width:100%; } .insurance_middle_top .product_container:first-child { } .insurance_middle .insurance_coverage_container .product_container { float: none; } .insurance_middle .insurance_coverage_container .product_container:not(:first-child) { background: white; } .insurance_middle .insurance_coverage_container .product_container:first-child { border-right: 15px solid #F0F1F3; } .insurance_middle .insurance_coverage_container .product_container:nth-child(2) { border-right: 10px solid #F0F1F3; } .insurance_middle .insurance_coverage_container .product_container:nth-child(3) { border-right: 5px solid #F0F1F3; border-left: 10px solid #F0F1F3; } .insurance_middle .insurance_coverage_container .product_container:last-child { border-right: 0px solid #F0F1F3; border-left: 15px solid #F0F1F3; } .insurance_middle .insurance_coverages_container .insurance_coverage_container:last-child { height: auto; } .insurance_middle .insurance_coverages_container .insurance_coverage_container.insurance_coverage_container_border { border:none; } .insurance_middle .insurance_coverage_container .insurance_coverage_title { font-size: 0.875em; width: 100%; padding-left: 10px; } .Page.phone .insurance_middle_top > span { display: block; } .Page.phone .insurance_middle_top > span > span { display: block; width: 100%; border: none !important; margin-bottom: 40px; } .Page.phone .product_container:nth-child(3) { border:none; background-color: transparent; } .Page.phone .product_container:nth-child(2) { border:none; background-color: transparent; } .Page.phone .product_container:last-child { border:none; background-color: transparent; } .insurance_middle_top .product { background-color: white; position: relative; padding-top: 50px; text-align: center; } .insurance_middle_top .product_container .product .product_persuasive { text-align: center; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; background-color: #A4ABB1; color: white; height: 35px; line-height: 35px; position: absolute; top: -15px; left: 17px; right: 17px; border-radius: 2px; letter-spacing: 0px; } .insurance_middle_top .product_container .product .product_type { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } .insurance_middle_top .product_container .product .product_title { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.75em; text-transform: uppercase; letter-spacing: 0px; height: 70px; } .insurance_middle_top .product_container .product .product_icon { padding-top: 15px; } .insurance_middle_top .product_container .product .product_icon span { width: 75px; height: 75px; display: inline-block; background-color: #EE2429; border-radius: 100%; color: white; font-size: 1.7em; line-height: 75px; } .insurance_middle_top .product_container .product .product_description { padding: 15px 35px; min-height: 100px; height: 175px; } .insurance_middle_top .product_container .product .product_prize { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding: 2px 30px 20px; height: 55px; letter-spacing: 0px; } .insurance_middle_top .product_container .product .product_price { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 2.125em; margin-top: -8px; } .product .product_price_anual { height: 25px; } .product .product_price_anual a { text-decoration: underline; } .product .product_price_anual_title { text-transform: uppercase; } .product .product_custo_apolice { font-size: 14px; } .product .product_price_anual_price { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; } .insurance_middle_top .product_container .product .product_select { padding-bottom: 50px; } .insurance_middle { border-top: 1px solid #242B31; position: relative; } .insurance_middle:nth-child(5) { padding-bottom: 20px; } .insurance_middle_spacer .product_container:first-child div { background: transparent; } .insurance_middle_spacer .product_container div { background: white; display: block; height:65px; } .insurance_middle .insurance_coverages_title { width: 230px; height: 45px; background-color: #252C32; border-top-left-radius: 2px; border-top-right-radius: 2px; position: absolute; top: -46px; color: white; line-height: 45px; padding-left: 15px; } .insurance_middle .insurance_coverages_title .insurance_coverages_title_text { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } .insurance_middle .insurance_coverages_title .insurance_coverages_title_icon { position: absolute; right: 20px; top: 1px; } .insurance_middle .insurance_coverages_container_hidden { display: none; } .insurance_middle .insurance_coverages_container { width: 100%; } .insurance_middle .insurance_coverage_container { display: table; width: 100%; border-bottom: 1px solid #C8C9CB; } .insurance_middle .insurance_coverage_container .product_container { float: none; } .insurance_middle .insurance_coverages_container .insurance_coverage_container:last-child { height: auto; } .insurance_middle .insurance_coverages_container .insurance_coverage_container.insurance_coverage_container_border { border:none; } .insurance_middle .insurance_coverage_container .insurance_coverage_title { font-size: 0.875em; width: 100%; padding-left: 10px; } .insurance_middle .insurance_coverage_value { font-size: 0.875em; width: 100%; text-align: center; background-color: white; letter-spacing: -3px; padding: 10px 0px; transform: translateZ(0); } .insurance_middle .insurance_coverage_value .fd_saude_2 { font-size: 20px; } .insurance_middle .insurance_coverage_value .optional_value { letter-spacing: 0px; font-family: 'Lato','Trebuchet MS' sans-serif; } .insurance_middle .insurance_coverage_value .fd_tick_on, .insurance_middle .insurance_coverage_value .fd_tick_off { font-size: 1.5em; } .insurance_middle .insurance_coverage_value.text { letter-spacing: 0px; vertical-align: middle; display: inline-block; } .insurance_middle .insurance_coverage_value.text .simulator_checkbox { vertical-align: middle; } .insurance_middle .insurance_coverage_value .coverages_line { width: 100%; height: 2px; background-color: #F0F1F3; margin: 10px 0px; } .insurance_middle .insurance_coverage_button { width: 100%; text-align: center; background: white; padding-top: 18px; padding-bottom: 24px; } .insurance_middle .insurance_coverage_button input { width: 200px; } .insurance_middle .insurance_coverage_container:last-child .insurance_coverage_value { border-left: none; border-right: none; } .insurance_coverage_value .simulator_checkbox { float: none; } .simulator_checkbox { position:relative; vertical-align: top; float: right; } .simulator_checkbox label { cursor: pointer; width: 20px; height: 20px; left:0px; background:transparent; border:1px solid #93979A; border-radius:3px; display:inline-block; vertical-align:middle; margin-bottom:0px; } .simulate_error .simulator_checkbox.saude label { border-width: 2px; border-color: #EE2429; } .simulator_checkbox.saude label { background-color: white; width: 28px; height: 28px; } .simulator_checkbox.saude label:before { font-size: 20px; } /* fazer override dos estilos de largura, altura e posicionamento no css respectivo */ .simulator_checkbox label:before { content: ''; background: transparent; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; height: 18px; position: relative; left: 3px; top: -1px; } .simulator_checkbox input[type=checkbox],.simulator_checkbox input[type=radio] { display: none; } .simulator_checkbox input[type=checkbox]:checked ~ label:before ,.simulator_checkbox input[type=radio]:checked ~ label:before { filter: alpha(opacity=100); content: '\f00c'; } .insurance_coverage_value .simulator_checkbox input[type=checkbox]:checked ~ label:before ,.insurance_coverage_value .simulator_checkbox input[type=radio]:checked ~ label:before { top: -1px; left: 0px; font-size: 15px; } .simulator_checkbox input[type=checkbox]:checked ~ label { } .simulator_checkbox span { position: absolute; letter-spacing: 0px; margin-left: 8px; } .insurance_notes { font-size: 0.750em; padding-bottom: 20px; } .simulate_legend .simulate_legend_title { font-weight: 700; font-family: 'Lato','Trebuchet MS' sans-serif; letter-spacing: 0px; } .simulate_legend .simulate_legend_member span:not(.simulate_legend_text) { letter-spacing: 0px; padding-left: 5px; } .simulate_legend .simulate_legend_member span.legend_icon { padding-left: 0px; } .simulate_legend .simulate_legend_member .simulate_legend_text { letter-spacing: -3px; } .insurance_notes .insurance_notes_title { font-weight: 900; font-family: 'Lato','Trebuchet MS' sans-serif; letter-spacing: 0px; } .insurance_notes .insurance_note { padding: 0; } .insurance_notes .insurance_note .insurance_note_title { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } .insurance_notes .insurance_legend { padding-top: 30px } .field_title { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; letter-spacing: 0px; } .field_title span { font-weight: 500; } .field_sub_title { font-weight: 500; text-transform: uppercase; padding-left: 20px; font-size: 14px; margin: 0px 0px; } .field_separator { text-transform: uppercase; font-weight: 700; font-family: 'Lato','Trebuchet MS' sans-serif; letter-spacing: 0px; font-size: 1.5em; margin: 20px 0px; border-bottom: 1px solid #7D8286; cursor: pointer; } .field_separator .field_separator_icon i { float: right; } .field_messages { padding-bottom: 20px; } .field_link { margin-top: -15px; margin-bottom: 20px; text-decoration: underline; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; cursor: pointer; display: inline-block; } .field_link a { color: rgb(59, 59, 59); } .step_final_title { font-size: 1.5em; text-align: center; } .step_final_redirect { text-transform: uppercase; text-align: center; padding-bottom: 40px; } .field_messages .field_messages_title { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .field_messages .field_messages_text {} .field_group_spacer { height: 20px; } .field_group > span > span .field_group_member { display: inline-block; vertical-align: top; padding-right: 20px; } .field_group .field_group_member.member_bottom { vertical-align: bottom; } .field_group .field_group_member.member_text { width: 95%; vertical-align: top; padding-bottom: 30px; } .field_group > span > span .field_group_member:not(:first-child) { padding-left: 20px; margin-left: -5px; } .main_container .main_item .main_item_container .control_zone { width: 100%; padding: 0px 0px 50px; } .main_container .main_item .main_item_container .control_zone input { margin: 20px auto; } .main_container .main_item .insurance_product_chosen { position: absolute; right: 5px; top: 40px; width: 285px; background-color: white; padding-left: 25px; padding-right: 25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); padding-bottom: 30px; } .main_container .main_item .insurance_product_chosen .insurance_product_chosen_title { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-top: 25px; } .main_container .main_item .insurance_product_chosen .insurance_product_chosen_field { max-width: 285px; } .main_container .main_item .insurance_product_chosen .insurance_product_chosen_field .insurance_product_chosen_header { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .main_container .main_item .insurance_product_chosen .insurance_product_chosen_field .insurance_product_chosen_value { word-break: break-all; display: inline-block; } .main_item_container .postal_code_location { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-left: 15px; text-transform: uppercase; font-size: 1em; } .main_item_container .example_field { font-weight: 500; text-transform: uppercase; font-size: 1em; } .main_item_container .step_title { font-size: 1.5em; line-height: 30px; padding-bottom: 20px; width: 830px; } .main_item_container .step_title_uppercase { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.313em; padding-bottom: 20px; } .main_item_container .required_fields { position: absolute; bottom: 0px; font-size: 0.75em; font-style: italic; color: #A4ACAF; text-align: left; padding-bottom: 17px; } .private_area_container { background-color: #EE2429; padding-top: 130px; padding-bottom: 130px; } .private_area { background-color: white; width: 395px; margin: 0 auto; padding: 30px 50px 20px; } .private_area .private_area_title { } .private_area .private_area_title .private_area_icon { font-size: 1.5em; vertical-align: top; display: inline-block; } .private_area .private_area_title .private_area_icon i { display: block } .private_area .private_area_title .private_area_text { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; font-size: 1.25em; vertical-align: bottom; display: inline-block; } .private_area .private_area_sub_title { line-height: 1.25em; padding-top: 5px; } .private_area .private_area_sub_title_bold { line-height: 1.25em; padding-top: 10px; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .private_area .private_area_input { margin: 10px 0px; } .private_area.register .private_area_input{ width: 265px; position: relative; } .private_area .private_area_input input { border: none; background-color: #F0F1F3; border-radius: 3px; height: 36px; padding-left: 15px; width: 100%; } .private_area .private_area_input input::-webkit-input-placeholder { font-style: italic; } .private_area .private_area_input input:-moz-placeholder { /* Firefox 18- */ font-style: italic; } .private_area .private_area_input input::-moz-placeholder { /* Firefox 19+ */ font-style: italic; } .private_area .private_area_input input:-ms-input-placeholder { font-style: italic; } .private_area .private_area_input input.input_error::-webkit-input-placeholder { color:#EE2429; } .private_area .private_area_input input.input_error:-moz-placeholder { /* Firefox 18- */ color:#EE2429; } .private_area .private_area_input input.input_error::-moz-placeholder { /* Firefox 19+ */ color:#EE2429; } .private_area .private_area_input input.input_error:-ms-input-placeholder { color:#EE2429; } .private_area .private_area_check{ margin: 10px 0; } .private_area .private_area_check .register_checkbox { position:relative; vertical-align: middle; display: inline-block; width: 100%; } .private_area .private_area_check .register_checkbox.condicoes{ height: 50px; } .private_area .private_area_check .register_checkbox.condicoes a{ text-decoration: underline; } .private_area .private_area_check .register_checkbox label { cursor: pointer; width: 20px; height: 20px; left:0px; background:white; border:1px solid #93979A; border-radius:3px; display:inline-block; vertical-align:middle; } /* fazer override dos estilos de largura, altura e posicionamento no css respectivo */ .private_area .private_area_check .register_checkbox label:before { content: ''; background: transparent; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; left: -1px; height: 18px; top: -10px; position: relative; } .private_area .private_area_check .register_checkbox input[type=checkbox] { display: none; } .private_area .private_area_check .register_checkbox input[type=checkbox]:checked ~ label:before { filter: alpha(opacity=100); content: '\f00c'; } .private_area .private_area_check .register_checkbox input[type=checkbox]:checked ~ label { background:white; } .private_area .private_area_check .register_checkbox span { position: absolute; letter-spacing: 0px; margin-left: 8px; } .private_area .private_area_link { text-align: center; } .private_area .private_area_link a { text-align: center; text-decoration: underline; cursor: pointer; } .private_area .private_area_button { text-align: center; margin: 20px 0px; } .private_area .private_area_text_little{ font-size: 0.9em; line-height: 1.2em; width: 265px; } .private_area .private_area_input .info_button { position: absolute; right: -40px; top: 4px; width: 28px; height: 28px; background: #EE2429; border-radius: 100%; display: inline-block; color: #fff; padding-top: 2px; vertical-align: middle; margin-left: 15px; } .private_area .private_link { text-decoration: underline; } /*Caixas LPs Poupança e Sinistros e afins*/ .box_container{ background: #FFFFFF; width: 100%; padding: 35px 30px; margin-top: 40px; } .box_container h3{ color: #EE2429; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.25em; text-transform: uppercase; letter-spacing: 0px; } .box_container h4{ text-align: left; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.25em; text-transform: uppercase; margin-top: 0; margin-bottom:5px; letter-spacing:0px; } .box_container .cont_text{ padding: 20px 50px 0 50px; } .box_container .row.aux{ padding-top: 10px; } .box_container .table_container{ display: table; } .box_container .table_container .table_cell{ display: table-cell; text-align: left; padding-top: 15px; } .box_container .table_container .table_cell.check{ color: #EE2429; } .box_container .table_container .table_cell.text{ padding: 0 15px; } .Page.phone .field_group .field_group_member:not(:first-child) { margin-left: 0; } .Page.phone .box_container .cont_text{ padding: 20px 0px 0 0px; } /* widget */ .widget_container.fixed_widget { position: fixed; top: 60px; } .widget_container { position: fixed; background-color: white; top: 260px; z-index: 51; right: 0px; } .widget_container .widget_member { width: 60px; height: 60px; background-color: #EE2429; color: white; font-size: 2em; cursor: pointer; text-align: center; line-height: 60px; } .widget_container .widget_member:nth-child(3) { background-color: #B11B1F; } .widget_container .widget_member.widget_active { background-color: white; color: #EE2429; } .widget_container .widget_member i { } .widget_content { background-color: white; position: absolute; right: 60px; top: 0px; display: none; z-index: 101; } .widget_content.widget_big { width: 905px; padding: 35px 0px 20px 100px; } .widget_content.widget_small { width: 280px; padding: 30px 40px 10px; } .widget_content.widget_medium { width: 325px; height: 170px; padding: 45px 0px 0px 100px; } .widget_content .widget_content_member { display: inline-block; vertical-align: top; width: 100%; text-align: left; position: relative; } .widget_content .widget_content_member.widget_half:first-child { width: 395px; } .widget_content .widget_content_member.widget_half:first-child .widget_buttons a, .widget_content .widget_content_member.widget_half_hours:first-child .widget_buttons a { width: 240px; } .widget_content .widget_content_member.widget_half:last-child { width: 395px; padding-left: 90px; padding-right: 40px; border-left: 1px solid #DDDDDD; } .widget_content .widget_content_member.widget_half_hours:first-child { width: 395px; border-right: 1px solid #DDDDDD; padding-right: 40px; } .widget_content .widget_content_member.widget_half_hours:last-child { width: 395px; padding-left: 90px; padding-right: 40px; } .widget_content .widget_content_member .widget_big_icon { width: 60px; height: 60px; background-color: #EE2429; border-radius: 100%; color: white; text-align: center; font-size: 2em; line-height: 60px; position: absolute; top: 0px; left: -70px; } .widget_content .widget_content_member .widget_title { font-size: 1.1em; text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing: 2px; position: relative; } .widget_content .widget_content_member .widget_radio { } .widget_content .widget_content_member .widget_radio .widget_radio_title { display: inline-block; } .widget_content .widget_content_member .widget_radio .widget_radio_group { display: inline-block; } .widget_content .widget_content_member .widget_radio .widget_radio_group .widget_radio_button { display: inline-block; } .widget_radio_group .widget_radio_button input:empty { display: none; } /* style label */ .widget_radio_group .widget_radio_button input:empty ~ label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #D1D3D4; font-weight: 300; margin: 0; } .widget_radio_group .widget_radio_button input:empty ~ label:after { display: inline-block; content: ''; width: 21px; border-radius: 100%; height: 21px; background: #D1D3D4; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; line-height: 21px; vertical-align: middle; } /* toggle on */ .widget_radio_group .widget_radio_button input:checked ~ label:after { content:'\f111'; color: #252C32; font-size: 12px; } .widget_radio_group .widget_radio_button input:checked ~ label { } .widget_radio_group .widget_radio_button input:empty ~ label span { padding-left: 8px; padding-right: 5px; } .widget_content .widget_content_member .widget_radio { font-weight: 300; color: #A2A9AF; margin: 20px 0px; } .widget_content .widget_content_member .widget_title_icon { position: absolute; left: -50px; font-size: 1.7em; top: 5px; } .widget_content .widget_content_member .widget_title_icon i { } .widget_content .widget_content_member .widget_subtitle { font-size: 1.554em; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; padding-top: 10px; padding-bottom: 10px; } .widget_content .widget_content_member .widget_number { font-size: 1.9em; text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; margin-top: -5px; } .widget_content .widget_content_member .widget_input { margin: 5px 0px; } .widget_content .widget_content_member .widget_schedule { padding-bottom: 10px; } .widget_content .widget_content_member .widget_input input { width: 100%; border: none; border-radius: 3px; background-color: #F0F1F3; height: 35px; padding-left: 20px; } .widget_content .widget_content_member .widget_buttons { margin-bottom: 20px; margin-top: 10px; position: relative; } .widget_content .widget_content_member .widget_buttons a { width: 100%; } .widget_content .widget_content_member .widget_contact_member { display: inline-block; vertical-align: middle; width: 47%; } .widget_content .widget_content_member .widget_contact_member:first-child { margin-right: 10px; } .widget_content .widget_content_member .widget_contact_member:last-child { margin-left: 7px;; } .widget_content .widget_content_member .widget_contact_member:last-child .widget_buttons { margin: 10px 0px; } .widget_content .widget_content_member .widget_contact_member:last-child .widget_buttons a { width: 100%; } .widget_content .widget_content_member .widget_contact_msg{ height: 164px; display: none; } .widget_content .widget_content_member .widget_contact_msg .text{ font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .widget_content .agents_container_widget { background: white; position: relative; width: 100%; left: 0px; height: 260px; margin-bottom: 20px; } .widget_content .agents_container_widget .agent_container .agent { padding: 0; } .widget_content .agents_container_widget .agent_container .agent .agent_name { padding-top: 0px } .widget_content .agents_container_widget .slick-dots { margin: 0; bottom: 0px; z-index: 1; position: absolute; width: 280px; } .widget_content .agents_container_widget .slick-dots li button { width: 16px; height: 16px; border-radius: 100%; background-color: #A4ABB1; } .widget_content .agents_container_widget .slick-dots li.slick-active button { background: #252C32; } .widget_content .agents_container_widget .slick-next { position: absolute; bottom: 0px; right: 0; z-index: 2; } .widget_content .agents_container_widget .slick-prev { bottom: 0; left: 0; position: absolute; z-index: 2; } .widget_container .widget_member .widget_member_title { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 0.75em; vertical-align: middle; display: inline-block; padding-left: 10px; } .Page.tablet .widget_container { position: absolute; width: 320px; right: auto; left: 50%; margin-left: -160px; top: 20px; display: none; } .Page.tablet .widget_container .widget_member { width: 100%; text-align: left; padding-left: 25px; line-height: 54px; } .Page.tablet .widget_container .widget_member i { display: inline-block; vertical-align: middle; } .Page.tablet .widget_content { width: 100% !important; right: 0; position: relative; padding: 0px 25px 10px !important; display: block; height: auto !important; } .Page.tablet .widget_content .widget_content_member { text-align: center; width: 100% !important; border-left: none !important; } .Page.tablet .widget_content .widget_content_member .widget_title { padding-top: 10px; letter-spacing: 1px; font-size: 1.125em; } .Page.tablet .widget_content .widget_content_member.widget_half:last-child { padding-left: 0px; padding-right: 0px; border-top: 1px solid #DDDDDD; padding-top: 10px; padding-bottom: 11px; } .Page.tablet .widget_content .widget_content_member .widget_title_icon { position: relative; display: inline-block; left: auto; top: auto; } .Page.tablet .widget_content .widget_content_member.widget_half_hours { padding-right: 0px !important; padding-left: 0px !important; } .Page.tablet .widget_content .widget_content_member .widget_contact_member { width: 100%; margin: 0 !important; } .Page.tablet .widget_content .widget_content_member.widget_half_hours:first-child { border-bottom:1px solid #DDDDDD; border-right:none; } /* choose products to compare */ .more_products_container { display: none; background-color: white; position: absolute; top: 100px; z-index: 100; left: 50%; margin-left: -405px; padding: 30px 15px; text-align: center; width: 810px; } .more_products_container .more_products_container_title { font-size: 1.25em; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; } .more_products_container .more_products_container_sub_title { margin-bottom: 20px; } .more_products_container .more_products_content { } .more_products_container .more_products_content .one_product_divider { font-size: 1.25em; font-weight: 700; font-family: 'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; padding: 10px; background: #252C32; color: white; } .more_products_container .more_products_content .one_product_container { display: inline-block; width: 33%; padding: 30px 15px; } .more_products_container .more_products_content .one_product_container .one_product_container_title { } .more_products_container .more_products_content .one_product_container .one_product_container_title .one_product_container_title_icon { height: 45px; background-color: #EE2429; vertical-align: middle; color: white; border-radius: 100%; line-height: 45px; font-size: 1.3em; display: inline-block; width: 45px; } .more_products_container .more_products_content .one_product_container .one_product_container_title .one_product_container_title_text { display: block; text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.75em; line-height: 1.25em; vertical-align: middle; padding-top: 10px; } .more_products_container .more_products_content .one_product_container .one_product_container_desc { padding: 10px; min-height: 190px; } .more_products_container .more_produtcs_buttons { padding-top: 10px; } .more_products_container .more_produtcs_buttons input { margin: 0px 10px; } .checkbox_styled_products { position:relative; display: inline-block; vertical-align: top; height: 36px; width: 36px; } .checkbox_styled_products label { position: absolute; cursor: pointer; width: 100%; height: 100%; background:white; left:0px; } /* fazer override dos estilos de largura, altura e posicionamento no css respectivo */ .checkbox_styled_products label:after { content: ''; position: absolute; height: 36px; background: transparent; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; border: 1px solid #D1D3D4; border-radius: 100%; left: 0px; width: 36px; top: 0px; line-height: 36px; } .checkbox_styled_products input[type=checkbox]:checked ~ label:after { content:'\f00c'; background-color: #252C32; color: #fff; } .checkbox_styled_products input[type=checkbox]:checked ~ label { background:white; } /* loading screen */ .simulate_loading_container { position: fixed; background-color: white; top: 100px; width: 240px; height: 220px; text-align: center; left: 50%; margin-left: -120px; padding: 40px 35px 45px; display: none; z-index: 120; } .simulate_loading_container.simulate_loading_container_relative { position: absolute; top: auto; bottom: 0; } .simulate_loading_container .simulate_loading_container_title { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.125em; letter-spacing: 2px; } .simulate_loading_container .simulate_loading_container_icon { font-size: 5em; }.simulate_loading_container .simulate_loading_container_message { } /* gravar simulação */ .record_simulation_container { width: 320px; background-color: white; position: fixed; top: 100px; left: 50%; margin-left: -160px; text-align: center; padding: 40px 20px 10px; z-index: 120; display: none; } .record_simulation_container .record_simulation_container_title { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing: 2px; font-size: 1.215em; padding-bottom: 10px;; } .record_simulation_container .record_simulation_container_message { padding-bottom: 10px; } .record_simulation_container .record_simulation_container_input { margin: 10px 0px; } .record_simulation_container .record_simulation_container_success_message { padding-bottom: 10px; display: none; } .record_simulation_container .record_simulation_container_input input { width: 250px; background-color: #F0F1F3; border: none; height: 35px; padding-left: 20px; border-radius: 3px; } .record_simulation_container .record_simulation_container_buttons { } .record_simulation_container .record_simulation_container_buttons input { margin: 10px 0px; } .record_simulation_container .record_simulation_container_buttons input:first-child { width: 250px } .one_product_container { margin-left: -4px; } /* detalhe produto mobile */ .mobile_product_details { position: absolute; top: 80px; z-index: 120; background-color: white; text-align: center; display: none; margin-left: -155px; left: 50%; } .mobile_product_details .mobile_product_details_top { width: 310px; height: 110px; border-bottom: 1px solid #B2B2B2; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_title { text-transform: uppercase; padding-top: 10px; font-size: 0.95em; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-bottom: 10px;; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content { } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member { display: inline-block; width: 80px; background-color: #EE2429; color: white; text-transform: uppercase; font-size: 0.75em; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; height: 50px; vertical-align: middle; position: relative; padding-top: 7px; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member:not(:first-child) { margin-left: -4px; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member.member_active { color: #EE2429; background-color: white; font-size: 1em; width: 120px; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; letter-spacing:0px; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member.member_active:before,.mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member.member_active:after { border-color: white !important; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member:first-child:before { content: ' '; position: absolute; width: 0; height: 0; border-style: solid; border-width: 25px 10px 25px 0; border-color: transparent #EE2429 transparent transparent; left: -10px; top: 0; } .mobile_product_details .mobile_product_details_top .mobile_product_details_top_content .mobile_product_details_top_member:last-child:after { content: ' '; position: absolute; width: 0; height: 0; border-style: solid; border-width: 25px 0px 25px 10px; border-color: transparent transparent transparent #EE2429; right: -10px; top: 0px; } .mobile_product_details .mobile_product_details_bottom { width: 310px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container { min-height: 600px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container { min-height: 600px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content { position: relative; width: 310px; min-height: 525px; padding-bottom: 130px; padding: 20px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages { width: 100%; height: 45px; background-color: #252C32; color: white; line-height: 45px; padding-left: 15px; border-radius: 2px; text-align: left; text-transform: uppercase; position: relative; cursor: pointer; margin-bottom: 10px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages .mobile_product_detail_coverages_icon { position: absolute; right: 10px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_details { } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_details .mobile_product_detail_coverages_line { text-align: left; position: relative; border-bottom: 1px solid #CCCCCC; padding-top: 10px; padding-bottom: 10px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_details .mobile_product_detail_coverages_line .mobile_product_detail_coverages_title { display: inline-block; width: 90%; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_details .mobile_product_detail_coverages_line .mobile_product_detail_coverages_value { position: absolute; top: 10px; right: 0px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_options { padding-top: 20px; } .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content .mobile_product_detail_coverages_options input { margin: 10px 0px; } .mobile_product_details .simulator_checkbox label:before { top: -3px; left: 1px; } /* choose channel */ .mobile_channel_container { display: none; position: absolute; top: 10px; width: 310px; left: 50%; margin-left: -155px; text-align: center; z-index: 120;;; } .mobile_channel_container .mobile_channel_save { background-color: white; width: 280px; margin: 0 auto 20px; height: 200px; padding: 20px; } .mobile_channel_container .mobile_channel_save .mobile_channel_save_title { } .mobile_channel_container .mobile_channel_save .mobile_channel_save_button { } .mobile_channel_container .mobile_channel_save .mobile_channel_save_button input { margin: 10px 0px; width: 100%; } .mobile_channel_container .mobile_channel_choose { background-color: white; width: 280px; margin: 0 auto 20px; height: 250px; padding: 20px; } .mobile_channel_container .mobile_channel_choose .mobile_channel_choose_title { } .mobile_channel_container .mobile_channel_choose .mobile_channel_choose_button { } .mobile_channel_container .mobile_channel_choose .mobile_channel_choose_button a { width: 100%; margin:10px 0px; } .mobile_channel_container .mobile_channel_store { background-color: white; width: 280px; margin: 0 auto 20px; padding: 10px 20px; } .mobile_channel_container .mobile_channel_store .mobile_channel_store_title { text-align: left; } .mobile_channel_store_title .mobile_channel_store_icon { font-size: 1.5em; } .mobile_channel_store_title .mobile_channel_store_text { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.250em; letter-spacing: 0px; } .mobile_channel_container .mobile_channel_store .agents_container_mobile .agent { text-align: left; padding: 0px; height: auto; } .mobile_channel_container .mobile_channel_store .agents_container_mobile .agent .mediator .mediator_name { } .mobile_channel_container .mobile_channel_store .agents_container_mobile .agent .mediator .mediator_photo { width: 85px; } .mobile_channel_container .mobile_channel_store .agents_container_mobile .agent .mediator .mediator_photo .photo { width: 85px; height: 85px; } .mobile_channel_container .mobile_channel_store .mobile_channel_store_buttons { padding-top: 20px; } .mobile_channel_container .mobile_channel_store .mobile_channel_store_buttons input { width: 100%; margin-bottom: 10px; } .agents_container_mobile .slick-dots li button { width: 16px; height: 16px; border-radius: 100%; background-color: #A4ABB1; } .agents_container_mobile .slick-dots li.slick-active button { background: #252C32; } .agents_container_mobile .slick-next { position: absolute; bottom: 0px; right: 0; z-index: 2; } .agents_container_mobile .slick-prev { bottom: 0; left: 0; position: absolute; z-index: 2; } .mobile_channel_online { background-color: white; width: 280px; margin: 0 auto 20px; padding: 20px; } .mobile_channel_online .mobile_channel_online_message { padding: 10px 0px; } .mobile_channel_online .mobile_channel_online_buttons { padding-top: 10px; } .mobile_channel_online .mobile_channel_online_buttons input { width: 100%; } .mobile_channel_call { background-color: white; width: 280px; margin: 0 auto 20px; padding: 20px; text-align: left; } .mobile_channel_call .mobile_channel_call_number { font-size: 2.313em; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; height: 45px; } .mobile_channel_call .mobile_channel_call_schedule { text-align: left; } .mobile_channel_call .mobile_channel_call_want { text-align: center; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; padding-top: 20px; letter-spacing: 1px; } .mobile_channel_call .mobile_channel_call_want_message { text-align: center; } .mobile_channel_call .mobile_channel_call_input { padding-top: 10px; } .mobile_channel_call .mobile_channel_call_input input { padding-left: 20px; width: 100%; border: none; background-color: #F0F1F3; height: 35px; border-radius: 3px;; } .mobile_channel_call .mobile_channel_call_buttons { text-align: center; padding: 20px 0px 1px; } .mobile_channel_call .mobile_channel_call_buttons input { width: 100%; margin-bottom: 10px; } .insurance_contrat { position: fixed; top: 50px; left: 50%; z-index: 104; text-align: center; width: 950px; margin-left: -475px; display: none; } .insurance_contrat .insurance_contrat_title { font-size: 1.375em; text-transform: uppercase; font-weight: 700; font-family: 'Lato','Trebuchet MS' sans-serif; letter-spacing: 1px; color: white; } .insurance_contrat .insurance_contrat_options { padding-top: 20px; } .insurance_contrat .insurance_contrat_options .insurance_contrat_option_title { display: inline-block; background-color: #EE2429; color: white; font-size: 1.250em; text-transform: uppercase; width: 290px; padding: 15px; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; margin: 0px 11px; position: relative; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; letter-spacing: 0px; } .insurance_contrat .insurance_contrat_options .insurance_contrat_option_title .insurance_contrat_option_icon { font-size: 1.35em; position: absolute; top: 10px; left: 15px; } .insurance_contrat .insurance_contrat_options .insurance_contrat_option_title .insurance_contrat_option_text { padding-left: 15px; } .insurance_contrat .insurance_contrat_options .insurance_contrat_option_title.insurance_contrat_option_title_active { background-color: white; color: #262B2F; } .insurance_contrat .insurance_contrat_options .insurance_contrat_option_title.insurance_contrat_option_title_active .insurance_contrat_option_icon { color: #EE2429; } .insurance_contrat .insurance_contrat_option_content_container.not_shown { display: none; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content { background: white; width: 922px; margin: 0 auto; padding: 20px; text-align: center; min-height: 240px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_content_call { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-top: 30px; padding-bottom: 30px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_content_call_buttons { } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_title { text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; text-align: center; padding-top: 25px; letter-spacing: 0px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_sub_title { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-align: center; letter-spacing: 0px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_message { padding-top: 20px } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_inputs { padding-top: 10px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_inputs input { width: 220px; display:inline-block; margin: 0px 10px 0px; background-color: #F0F1F3; border: none; height: 35px; padding-left: 20px; border-radius: 3px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container { display: inline-block; vertical-align: middle; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container .agent { height: auto; display: inline-block; width: 514px; text-align: l; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container .agent .mediator { display: inline-block; vertical-align: middle; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons { display: inline-block; vertical-align: middle; text-align: left; width: 240px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_back_button { text-align: center; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons_full { width: 100%; text-align: center; padding-top: 30px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input { display: inline-block; width: 220px; margin: 0px 10px 20px; vertical-align: top; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input:last-child { margin-bottom: 0px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_informations { vertical-align: middle; padding-left: 10px; text-align: left; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information { display: block; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information_title { width: auto; padding-right: 15px; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information_content { width: auto; padding-right: 15px; } .insurance_contrat .insurance_contrat_final_options { margin: 0 15px 0 14px; padding-bottom: 20px; } .insurance_contrat .insurance_contrat_final_options .insurance_contrat_final_options_title { font-size: 1.125em; text-transform: uppercase; padding-top: 30px; color: white; padding-bottom: 15px; letter-spacing: 1px; } .insurance_contrat .insurance_contrat_final_options .insurance_contrat_final_option { } .insurance_contrat .insurance_contrat_final_options .insurance_contrat_final_option input { margin-left: 20px; width: 220px; } .insurance_tradicional_channel { position: fixed; top: 250px; left: 50%; z-index: 105; display: none; margin-left: -300px; } .insurance_tradicional_channel_container { background: white; width: 600px; margin: 0 auto; padding: 26px 45px; position: relative; } .insurance_tradicional_channel .insurance_tradicional_channel_icon { position: absolute; font-size: 1.5em; left: 15px; top: 20px; } .insurance_tradicional_channel .insurance_tradicional_channel_title { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.25em; text-transform: uppercase; } .insurance_tradicional_channel .insurance_tradicional_channel_sub_title { } .insurance_tradicional_channel .insurance_tradicional_channel_options { padding-top: 30px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option { display: inline-block; width: 49%; vertical-align: top; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .text { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_title { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_message { padding-top: 5px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_input { padding-top: 15px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_input input { width: 220px; height: 35px; padding-left: 15px; border: none; background-color: #EFF0F2; border-radius: 3px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_button { } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_button input { width: 220px; margin-top: 10px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_number { font-size: 2.125em; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons { } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons { padding-top: 10px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons .insurance_tradicional_channel_option_single_button { padding: 10px 0px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons .insurance_tradicional_channel_option_single_button a { display: inline-block; vertical-align: middle; width: 215px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons .insurance_tradicional_channel_option_single_button .insurance_tradicional_channel_option_icon { display: inline-block; vertical-align: middle; font-size: 26px; width: 31px; padding-top: 2px; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option .insurance_tradicional_channel_option_buttons .insurance_tradicional_channel_option_single_button .insurance_tradicional_channel_option_icon i { display: block; } .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_control { text-align: center; padding-top: 30px; } .agent_photos .agent_info { float: none; display: inline-block; width: 170px; vertical-align: top; } .agent_photos .agent_info .mediator_photo { } .agent_photos .agent_info .mediator_photo .photo{ }.agent_photos .agent_info .mediator_photo .photo img{ border-radius: 100%; max-width: 105px; } .agent_photos .agent_info .mediator_name{ margin: 20px; padding: 0 17px; text-align: center; } .agent_photos .agent_info .mediator_name h3{ } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_buttons { width:auto; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .saude_buttons { width:auto; } .insurance_contrat .insurance_contrat_option_content_container .insurance_contrat_option_content .auto_buttons { width:auto; } /* confirmar agente */ .confirm_agent{ position: fixed; top: 100px; left: 50%; z-index: 104; text-align: center; display: none; width: 580px; margin-left: -290px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content{ background: white; margin: 0 auto; padding: 20px 30px; text-align: center; min-height: 240px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_content_call{ text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-top: 30px; padding-bottom: 30px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_content_call_buttons{ } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_title{ text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; text-align: center; padding-top: 25px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_sub_title{ text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; text-align: center; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contrat_option_message{ padding-top: 20px } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_inputs .contratacao_buttons{ padding-top: 10px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_inputs .contratacao_buttons input{ width: 220px; display:inline-block; margin: 0px 10px 0px; background-color: #F0F1F3; border: none; height: 35px; padding-left: 20px; border-radius: 3px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container{ display: inline-block; vertical-align: middle; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container .agent{ height: auto; display: inline-block; padding:20px 0; text-align:left; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_container .agent .mediator{ display: inline-block; vertical-align: middle; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons{ display: inline-block; vertical-align: middle; text-align: left; width: 100%; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons_full{ width: 100%; text-align: center; padding-top: 30px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input{ display: inline-block; vertical-align: top; width: 238px; margin:10px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input:last-child{ margin-bottom: 0px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_informations{ text-align: left; display: inline-block; vertical-align: middle; width: 100%; padding-left: 20px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information{ display: inline-block; padding-bottom: 10px; width:100%; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information_title{ padding-right: 15px; } .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .agent_information_content{ width: auto; padding-right: 15px; } .Page.desktop.small .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input, .Page.tablet.landscape .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input{ width: 230px; } .Page.phone .mobile_product_details { position: absolute; top: 80px; z-index: 120; background-color: white; text-align: center; display: none; margin:0 auto; left: 0; right: 0; width: 95%; } .Page.phone .mobile_product_details .mobile_product_details_top { width: auto; height: 110px; border-bottom: 1px solid #B2B2B2; } .Page.phone .mobile_product_details .mobile_product_details_bottom { width: auto; } .Page.phone .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container { min-height: 600px; text-align: center; margin: 0 auto; } .Page.phone .mobile_product_details .mobile_product_details_bottom .mobile_product_details_container .mobile_product_detail_container .mobile_product_detail_content { margin:0 auto; } .Page.phone .insurance_tradicional_channel { position: absolute; top: 250px; left: 0; right: 0; z-index: 105; display: none; margin: 0 auto; } .Page.phone .insurance_tradicional_channel_container { background: white; width: 90%; height: auto; margin: 0 auto; padding: 25px 45px; position: relative; } .Page.phone .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option { width: 100%; text-align: center } .Page.phone .insurance_tradicional_channel .insurance_tradicional_channel_options .insurance_tradicional_channel_option:nth-child(3) { padding-top: 4rem; } .Page.phone .confirm_agent{ width: 96%; margin-left: -48%; } .Page.phone .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons{ text-align: center; } .Page.phone .confirm_agent .insurance_contrat_option_content_container .insurance_contrat_option_content .insurance_contract_option_buttons input{ width: 230px; } .simulate_error { border: 2px solid #EE2429 !important; } .simulate_error_without_border { border: none !important; } .simulate_error_text { padding-top: 10px; display: none; text-align: left; } /* recuperar simulaçao */ .recover_simulation_contaier { position: absolute; text-align: center; left: 50%; z-index: 115; top: 160px; margin-left: -200px; } .recover_simulation_contaier .recover_simulation { background-color: white; width: 435px; margin: 0 auto; padding: 30px 30px 25px; } .recover_simulation_contaier .recover_simulation .recover_simulation_title { font-size: 1.25em; text-transform: uppercase; font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; padding-bottom: 10px; letter-spacing: 2px; } .recover_simulation_contaier .recover_simulation .recover_simulation_step { } .recover_simulation_contaier .recover_simulation .recover_simulation_step:not(:nth-child(2)) { display: none; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_title { font-size: 1.125em; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_input { padding-top: 40px; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_input input { width: 260px; border: none; background-color: #F0F1F3; height: 35px; padding-left: 20px; border-radius: 3px; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_button { margin: 20px 0px; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_button a { width: 260px; } .recover_simulation_contaier .recover_simulation .recover_simulation_step .recover_simulation_step_button:last-child a { width: 105px; } .recover_simulation_step .field_radio_group .field_radio_button input:empty ~ label { height: auto; line-height: 20px; border: 1px solid #A3AAB0; text-align: left; padding-top: 20px; width: 100%; color: #242C2F; padding-right: 60px; padding-bottom: 20px; } .recover_simulation_step .field_radio_group .field_radio_button input:checked ~ label { } .recover_simulation_step .field_radio_group .field_radio_button input:empty ~ label:before { top: 40px; } .recover_simulation_step .field_radio_group .field_radio_button { padding-left: 0px; display: block; margin: 10px 0px; } .recover_simulation_step .field_radio_group .field_radio_button .simulate_title { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; } .recover_simulation_step .field_radio_group .field_radio_button .simulate_image { width: 150px; } .recover_simulation_step .field_radio_group .field_radio_button .simulate_image img { width: 150px; } .recover_simulation_step .field_radio_group .field_radio_button .simulate_content { font-weight: 900; font-family:'Lato','Trebuchet MS' , sans-serif; } .Page.phone .recover_simulation_contaier { margin-left: -155px; } .Page.phone .recover_simulation_contaier .recover_simulation { width: 310px; padding: 10px; } } /* pedir matricula */ .give_license { background-color: white; position: absolute; top: 40px; left: 50%; margin-left: -185px; text-align: center; padding: 30px 25px 20px; z-index: 120; width: 395px; display: none; } .give_license .give_license_sub_title { padding-top: 10px; padding-bottom: 30px; } .give_license .give_license_input { padding-bottom: 20px; } .give_license .give_license_input input { width: 225px; background-color: #F0F1F3; border: none; height: 35px; padding-left: 20px; border-radius: 3px; } .give_license .give_license_button { padding-bottom: 20px; } .give_license .give_license_button a { } .give_license .give_license_button:nth-child(4) { } .give_license .give_license_button:nth-child(4) a { width: 225px; } .give_license .give_license_title { font-size: 1.250em; text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-bottom: 10px; } /*simulador_saude esoclha das pessoas*/ .simulate_people_container { border: none; margin: 20px 0px; } .simulate_people_member { height: 75px; width: 90px; text-align: center; background-color: #A4ABB1; color: white; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; float: left; vertical-align: middle; line-height: 50px; position: relative; cursor: pointer; } .simulate_people_member:not(:first-child) { } .simulate_people_member.active { background-color: #EE2429; } .simulate_people_detail_member { position: relative; } .simulate_people_member.done { background-color: #B11B1F; } .simulate_people_member.done .done_icon { display: inline-block; } .simulate_people_member .done_icon { display: none; padding-left: 5px; } .simulate_people_member.active:after { content: ' '; position: absolute; background: #EE2429; width: 12px; height: 12px; left: 50%; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: -6px; } .simulate_people_member .simulate_people_icon { display: inline-block; vertical-align: top; font-size: 23px; height: 31px; } .simulate_people_member .simulate_people_number { display: inline-block; vertical-align: bottom; height: 46px; padding-left: 3px; } .simulate_people_member .simulate_people_age { margin-top: -20px; } /* contactar prestadores*/ .contact_mediator { position: fixed; width: 390px; background-color: white; z-index: 100; padding: 20px 34px; text-align: center; left: 50%; margin-left: -170px; display: none; } .contact_mediator .contact_success { display: none; } .contact_mediator .contact_mediator_sub_title { } .contact_mediator .contact_mediator_title .contact_mediator_icon { font-size: 1.8em; vertical-align: middle; } .contact_mediator .contact_mediator_title .contact_mediator_text { text-transform: uppercase; font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; font-size: 1.3em; letter-spacing: 1px; } .contact_mediator .contact_mediator_sub_title { } .contact_mediator .contact_mediator_input { margin: 20px 0px; } .contact_mediator .contact_mediator_input input { width: 270px; border: none; background-color: #F0F1F3; height: 36px; padding-left: 15px; } .contact_mediator .contact_mediator_button { margin: 20px 0px; } .contact_mediator .contact_mediator_button button { } .other_agents_container { position: fixed; z-index: 120; background-color: white; width: 900px; left: 50%; margin-left: -450px; padding: 20px; /* display: none; */ top: 60px; } .other_agents_container .other_agents_member { padding: 20px; } .other_agents_container .other_agents_more { padding: 20px 0px 0px; text-align: center; } .other_agents_container .slick-prev { position: absolute; bottom: 15px; left: 22px; z-index: 2; cursor: pointer; } .other_agents_container .slick-next { position: absolute; right: 22px; z-index: 2; cursor: pointer; bottom: 15px; } .other_agents_container .other_agents_slider { display: none; height: 315px; max-height: 315px; } .Page.tablet .other_agents_container { width: 95%; margin: 0 auto; left: 0; right: 0; } .Page.tablet .other_agents_container .other_agents_slider { height: auto; max-height: none; } .Page.phone .other_agents_container { width: 95%; margin: 0 auto; left: 0; right: 0; } .Page.phone .other_agents_container .other_agents_slider { height: auto; max-height: none; } .search_container .spacing_form { padding: 10px 0px; } .search_container { width: 100%; background: white; font-size: 1.067em; text-align: center; } .search_container .search_title { font-weight: 700; font-family:'Lato','Trebuchet MS' , sans-serif; padding-top: 40px; padding-bottom: 25px; letter-spacing: 0px; } .search_container .submit_zone { padding-top: 20px; padding-bottom: 10px; } .search_container .select_styled { width: 260px; display: inline-block; margin: 0px 10px; } .search_container .select_styled select { width: 100%; background: transparent; border: 1px solid #dadee0; color: #4d4d4d; position: relative; padding: 5px; border-radius: 2px; display: inline-block; padding-left: 15px; } .search_container .select_styled:after { top: 13px; right: 19px; } .search_container .select_styled:before { top: 7px; right: 7px; } .search_container .form_input { width: 260px; margin: 0px 10px; display: inline-block; } .search_container .form_input input { border: 1px solid #DADEE1; border-radius: 3px; padding: 5px 18px; color: #4E4E4E; width: 100%; } .search_container .form_input input::-webkit-input-placeholder { color: #4E4E4E; } .search_container .form_input input:-moz-placeholder { color: #4E4E4E; } .search_container .form_input input:-moz-placeholder { color: #4E4E4E; } .search_container .form_input input:-ms-input-placeholder { color: #4E4E4E; } /* cookies */ .cookies{ text-align: center; padding:5px 15px; border-bottom: solid 1px #dadedf; display: none; } .cookies .btn{ padding-top:2px; padding-bottom: 2px; } .search_results_container .search_more_results { display: none; } .search_results_container .search_result_container:nth-of-type(5n) ~ .search_more_results { padding-top: 80px; display: block; } .Page.phone.give_license { position: absolute; width: 310px; margin-left: -155px; padding: 20px 10px;; } .Page.phone.simulate_people_detail_member { display: block; padding-top: 2rem; } .simulate_banner { width: 100%; } .simulate_banner a { } .simulate_banner a img { width: 100%; max-width: 100%; } .simulate_success { position: fixed; top: 100px; background-color: white; width: 400px; margin-left: -200px; left: 50%; z-index: 150; text-align: center; padding:20px; } .simulate_success .field_title { padding-bottom: 10px; } .activity_person { display: none; position: fixed; top: 100px; background-color: #F0F1F3; width: 400px; margin-left: -200px; left: 50%; z-index: 150; text-align: center; padding:20px; } .activity_person .activity_person_title { font-size: 1.25em; font-weight: 700; font-family: 'Lato','Trebuchet MS' , sans-serif; text-transform: uppercase; padding-bottom: 15px; } .activity_person .field_title { text-align: left; } .activity_person .activity_person_text { padding-bottom: 20px; } .activity_person .activity_person_field { text-align: left; } .activity_person .activity_person_buttons { padding-top: 10px; text-align: center; } /*Duarte*/ input[type='text'].Not_Valid, input[type='password'].Not_Valid, input[type='datetime'].Not_Valid, input[type='datetime-local'].Not_Valid, input[type='date'].Not_Valid, input[type='month'].Not_Valid, input[type='time'].Not_Valid, input[type='week'].Not_Valid, input[type='number'].Not_Valid, input[type='email'].Not_Valid, input[type='url'].Not_Valid, input[type='search'].Not_Valid, input[type='tel'].Not_Valid, input[type='color'].Not_Valid { border: 2px solid #EE2429; padding: 0 12px; } input[type='text'].Not_Valid:focus, input[type='password'].Not_Valid:focus, input[type='datetime'].Not_Valid:focus, input[type='datetime-local'].Not_Valid:focus, input[type='date'].Not_Valid:focus, input[type='month'].Not_Valid:focus, input[type='time'].Not_Valid:focus, input[type='week'].Not_Valid:focus, input[type='number'].Not_Valid:focus, input[type='email'].Not_Valid:focus, input[type='url'].Not_Valid:focus, input[type='search'].Not_Valid:focus, input[type='tel'].Not_Valid:focus, input[type='color'].Not_Valid:focus { border: 2px solid #EE2429; padding: 0 12px; } .ValidationMessage { color: #EE2429; display: block; font-size: 16px; } .FormEditPencil{ display: none; } .close { float: right; font-size: 21px; font-family:'Lato','Trebuchet MS' sans-serif; letter-spacing: 0px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-family:'Lato','Trebuchet MS' sans-serif; letter-spacing: 0px; font-weight: bold; }