*{box-sizing:border-box;font-family: 'Karla', sans-serif;} input[type=button], input[type=submit], input[type=reset], button{user-select: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;} html {height:100%; width:100%; -webkit-backface-visibility:hidden !important} body {margin:0; min-width:322px; height:100%; overflow-y:scroll; -webkit-backface-visibility:hidden; overflow-x:auto; -webkit-backface-visibility:hidden !important;} input, select, textarea, button {outline-style:none} h1, h2, h3 {padding:0; margin:0} select{-moz-appearance:none; -webkit-appearance:none; appearance:none; background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-image: url('../imagens/select_padrao.svg');} a {outline:none; text-decoration:none} a img {outline:none; text-decoration:none} img {border:0; outline:0} div:focus {outline:0} video, button, div {outline: none; appearance: none; -webkit-appearance: none; -ms-appearance: none; border: 0; -webkit-tap-highlight-color: transparent} button, div:focus{outline: none;-webkit-tap-highlight-color: transparent} .alignCenter {*position:absolute; top:50%; display:table-cell; vertical-align:middle} .alignBottom {*position:absolute; top:50%; display:table-cell; vertical-align:bottom} .centralizar-site {display:inline-block; width:100%; max-width:1240px; text-align:center; padding: 0 14px} .centralizar-app{display:inline-block; width:100%; max-width:1798px; text-align:center; padding: 0 14px;} .fontregular {font-family: 'Karla', sans-serif; font-weight: 400} .fontmedium {font-family: 'Karla', sans-serif; font-weight: 500} .fontbold {font-family: 'Karla', sans-serif; font-weight: 700} .fontextrabold {font-family: 'Karla', sans-serif; font-weight: 800} .font14 {font-size: 14px} .font15 {font-size: 15px} .font16 {font-size: 16px; line-height: 20px} .font21 {font-size: 21px;} .font25 {font-size: 25px; line-height: 29px} .font29 {font-size: 29px; line-height: 44px} .font33 {font-size: 33px; line-height: 38px} .font49 {font-size: 49px; line-height: 57px} :root { --white-color: #FFF; --red-color: #E52625; --black-color: #161616; --gray-color: #505458; --lightgray-color: #FEFEFE; --color-lightgray: #F2F2F2; } /* SCROLLBAR*/ ::-webkit-scrollbar { width: 0.3rem; } ::-webkit-scrollbar-track { background: var(--black-color); border-radius: 0.5rem; } ::-webkit-scrollbar-thumb { background: var(--red-color); border-radius: 0.5rem; } ::-webkit-scrollbar-thumb:hover { background: var(--red-color); } .colorwhite {color: var(--white-color)} .colorred {color: var(--red-color)} .colorblack {color: var(--black-color)} .colorgray {color: var(--gray-color)} .colorlink {color: var(--white-color)} .colorlink:hover {text-decoration: underline} .colorlink-2 {color: var(--gray-color)} .colorlink-2:hover {text-decoration: underline} .colorlink-3 {color: var(--white-color)} .colorlink-3:hover {color: var(--red-color)} .background-transparent {background-color: transparent !important} .border-red {border: 2px solid var(--red-color)} .margin-top {margin-top: 30px} .margin-top-2 {margin-top: 6px} .margin-top-3 {margin-top: 90px} .margin-top-4 {margin-top: 24px} .margin-top-5 {margin-top: 16px} .margin-top-6 {margin-top: 40px} .margin-top-7 {margin-top: 10px} .margin-top-8 {margin-top: 60px} .margin-top-9 {margin-top: 10px} .margin-bottom {margin-bottom: 40px} .margin-bottom-2 {margin-bottom: 80px} .margin-1 {margin-left: 10px} .margin-2 {margin-left: 40px} .padding-1 {padding-right: 7px} .padding-0 {padding: 0 !important} .padding-laterais {padding-left: 0 !important; padding-right: 0 !important} .margin-0 {margin: 0 !important} .max-width {max-width: 220px} .max-width-2 {max-width: 276px} .max-width-3 {max-width: 330px} .min-height {min-height: 640px} .pointer {cursor: pointer} .position-relative {position: relative !important} .float-100 {float: left; width: 100%; text-align: left} .float-50 {float: left; width: 50%; text-align: left} .float {float: left; text-align: left} .display-block {display: inline-block; width: 100%; text-align: center} .display-block-2 {display: inline-block; text-align: center} .position-center {text-align: center !important} .position-left {text-align: left !important} .migalha {float: left; width: 100%; height: 18px; text-align: left; display: flex; align-items: center; margin: 30px 0 36px 0} .link-migalha {color: var(--black-color)} .link-migalha:hover {color: var(--red-color)} .separacao {float: left; width: 7px; height: 7px; background-color: var(--red-color); transform: rotate(45deg); margin: 0 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px} .borda_branca {border:1px solid #d4d4d4 !important} .borda_vermelha {border:1px solid var(--red-color) !important} .input {width: 100%; height: 54px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--white-color); border: 1px solid #d4d4d4; outline-style: none; padding: 0 20px} .textarea {width: 100%; height: 100px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--white-color); border: 1px solid #d4d4d4; outline-style: none; padding: 20px} .botao {width: 100%; max-width: 195px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--black-color); border: 0; outline-style: none; text-align: center} .botao:hover {background-color: var(--white-color); color: var(--black-color); border: 2px solid var(--black-color)} .botao-upload {width: 100%; max-width: 320px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--white-color); border: 1px solid var(--red-color); display: flex; align-items: center; justify-content: center; outline-style: none} .botao-visualizar {width: 100%; max-width: 320px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--red-color); border: 0; display: flex; align-items: center; justify-content: center; outline-style: none} .botao-assinatura {width: 195px; height: 61px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background-color: var(--black-color); display: flex; align-items: center; justify-content: center; outline-style: none; border: 0; cursor:pointer;transition:.2s} .botao-assinatura:hover {background-color:transparent; color: var(--black-color); border: 2px solid var(--black-color)} .botao-numero {width: 100%; min-width: 164px; max-width: 170px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: var(--black-color); border: 0; display: flex; align-items: center; justify-content: center; outline-style: none} .botao-numero:hover {background-color: #3A3A3A} .botao-whatsapp {width: 100%; min-width: 154px; max-width: 170px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #26D367; border: 0; display: flex; align-items: center; justify-content: center; outline-style: none} .botao-whatsapp:hover {background-color: #53D483} .botao-contato {width: 100%; min-width: 290px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: transparent; display: flex; align-items: center; justify-content: center; outline-style: none; border: 2px solid #161616; cursor:pointer} .botao-assinatura2 {width: 195px; height: 61px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#e52625; display: flex; align-items: center; justify-content: center; outline-style: none; border: 0; cursor:pointer} .botao-assinatura2:hover {background-color: var(--white-color); color: #e52625; border: 2px solid #e52625} .elevacao {transition: transform .3s} .elevacao:hover {transform: scale(1.10)} .disabled {background-color:#72717121} .ParteEscura{float: right;width:100%;height: calc(100% - 80px);cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none;background-color: #16161685;bottom: 0;} #MenuMobile {float: left; position: fixed; width: 100%;text-align: center;z-index:11; display: none;top: 70px;} #MenuMobile .background {float: right; width: 100%; height: 50%; background-color:var(--white-color); padding: 0px 30px 20px 30px;overflow:hidden;box-shadow: 0px 16px 6px rgba(0, 0, 0, 0.08);} #MenuMobile .background .float-100{margin-top:13px !important;font-weight:600;color:#323232} #MenuMobile .background .float-100:first-child{margin-top:0px !important} #MenuMobile .background .float-100 span{color:#e52625} #MenuMobile .background .float.Ativo .Linha100 img{transform:rotate(180deg)} #MenuMobile .background .Meio{width:50%;float:left} #MenuMobile .background .Meio.Direita .float-100{text-align: right;} #MenuMobile .background .SubMenu{display:none;float: left;width: 100%;margin:10px 0 0 10px;} #MenuMobile .background .SubMenu .float-100{font-weight:500} #MenuMobile .vermelho {display: flex;float: left;background: #710002;padding: 12px 15px;flex-direction: column;margin-top: 10px;width: calc(100% + 30px);margin-left: -15px;} #MenuMobile .vermelho2 {display:flex;float:left;color: #FFF !important;gap:4px} #Topo {float: left; width: 100%; height: 92px; display: flex; align-items: center; justify-content: center; z-index: 6; position: sticky; top:0px;} #Topo.fixar {position: fixed !important; background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); z-index: 999999} .home {background-color: transparent} .internas {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #Topo .div-logo {float: left; width: 120px; text-align: left} #Topo .logo {width: auto; height: 66px} #Topo .div-menu {float: left; width: calc(100% - 120px); text-align: right; padding-top:0px;display: flex;height: 64px;align-items: flex-end;justify-content: flex-end;flex-direction: column;gap: 5px;} #Topo .div-menu-mobile {display: none;float:right;width: 110px;padding: 5px 15px;align-items: center;border: 2px solid #0a0402;color: #0a0402;border-radius: 20px;justify-content: center;gap: 12px;font-size: 16px;} #Topo .div-menu-mobile>div {width:22px; height:15px; background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/mobile-menu-preto.svg'); background-size:22px; float:right;} #Topo .posicao-menu {float: right; text-align: right} #Topo .div-menu .linhas {float: right; width:100%} #Topo .menu {float: left; height: 29px; padding: 0 16px; display: flex; align-items: center; justify-content: center; color: var(--black-color); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} #Topo .menu:hover {background-color: var(--red-color); color: var(--white-color)} #Topo .menu-ativo {background-color: var(--red-color); color: var(--white-color); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%} #Topo .menu:hover .Submenu {display:flex;} #Topo .Conector {width: 100%;float: left;position: absolute;height: 80px;} #Topo .Submenu {display:none;width: 200%;position:absolute;background-color:var(--white-color);top: 73px;border-radius:0 0 10px 10px;left:-50%;width: 200%;flex-direction: column;align-items: flex-start;overflow: hidden;box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08);;} #Topo .Submenu .Item{width: 100%;float: left;padding: 10px;text-align: left;transition:.2s;color: var(--black-color);} #Topo .Submenu .Item:hover{cursor:pointer;background-color:var(--red-color);color:var(--white-color)} #TopoNovo {display: flex;width: 100%;background-color: #FF0100;justify-content: center;align-items: center;flex-direction:column;position: sticky;top: 0px;z-index:6;box-shadow:0px 16px 30px rgba(0, 0, 0, 0.08)} #TopoNovo .centralizar {display: flex;width: 100%;height: 100px;max-width: 1280px;justify-content: center;align-items:center;padding:0px 20px;position: relative;} /* #TopoNovo .centralizar2 {display:flex;flex:1;margin-left:153px} */ #TopoNovo .logo {position: absolute;top: 20px;left: 20px;} #TopoNovo .menu {display:flex;font-size:20px;font-weight:600;color:#FFFFFF;gap:20px} #TopoNovo .menu-mobile {display: none;float:right;width: 110px;padding: 5px 15px;align-items: center;border: 2px solid #FFF;color: #FFF;border-radius: 20px;justify-content: center;gap: 12px;font-size: 16px;} #TopoNovo .menu-mobile>div {width:22px; height:15px; background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/mobile-menu-branco.svg'); background-size:22px; float:right;} #TopoNovo .submenu {display: flex;width: 100%;height:43px;background-color: #710002;justify-content: center;align-items: center;flex-direction:column} #TopoNovo .submenu .centralizar {justify-content:center;font-size:20px;font-weight:600;color:#FFFFFF;gap:40px} #TopoNovo .submenu .centralizar span {cursor:pointer} #TopoNovo .submenu2-container {position: relative;display: inline-block;cursor: pointer;} #TopoNovo .submenu2-box {display: none;position: absolute;top: 100%;right: -37px;width: 170px;z-index: 10;padding-top:25px} #TopoNovo .submenu2-box2 {display: flex;flex-direction: column;background: #FFF;border-radius: 0px 0px 10px 10px;box-shadow: 0 0px 25px rgba(0,0,0,0.14);width: 100%} #TopoNovo .submenu2-container:hover .submenu2-box {display: flex;flex-direction: column;} #TopoNovo .submenu2-box2 a {padding: 12px 16px;font-size: 16px;color: #161616;text-transform:uppercase;font-weight:600;} #TopoNovo .submenu2-box2 a:hover {background-color:#FF0100;color:#FFF} #TopoNovo .submenu2-box2 a:last-child {border-radius: 0px 0px 10px 10px} /* Banner */ #Banners {float: left; width: 100%; text-align: center; position: relative;} #Banners .tamanho-banner {width: 100%; height: 40vw; object-fit: cover;} #Banners .seta-left {float: left; width: 171px; text-align: left; position: absolute; left: -40px; top: calc(50% - 171px); z-index: 3} #Banners .seta-right {float: left; width: 171px; text-align: left; position: absolute; right: -20px; top: calc(50% - 171px); z-index: 3} #Banners .tamanho-setas {width: clamp(71px, 30vw, 171px); height: clamp(71px, 30vw, 171px)} #BannerMobile {float: left; width: 100%; text-align: center; margin-bottom: 30px; display: none} #BannerMobile .tamanho {width: 100%;/*height: 145.33vw;height:135.333vw;*/ object-fit: cover;} #BannersPlanoVelocidade {float: left; width: 100%; text-align: center; position: relative;} #BannersPlanoVelocidade .tamanho-banner {width: 100%; height: 40vw; object-fit: cover;} #BannersPlanoVelocidade .seta-left {float: left; width: 171px; text-align: left; position: absolute; left: -40px; top: calc(50% - 171px); z-index: 3} #BannersPlanoVelocidade .seta-right {float: left; width: 171px; text-align: left; position: absolute; right: -20px; top: calc(50% - 171px); z-index: 3} #BannersPlanoVelocidade .tamanho-setas {width: clamp(71px, 30vw, 171px); height: clamp(71px, 30vw, 171px)} #BannerPlanoVelocidadeMobile {float: left; width: 100%; text-align: center; margin-bottom: 30px; display: none} #BannerPlanoVelocidadeMobile .tamanho {width: 100%;/*height: 145.33vw;height:135.333vw;*/ object-fit: cover;} /* Novos Planos */ .PlanosId .DivPlanos {margin-top:40px} .planos-slick-titulo {margin-top: 60px;color:#161616;margin-bottom:-30px;text-transform: uppercase;font-size: 45px;font-weight: 600;} .planos-slick {position:relative;width:100%;max-width:1340px} .planos-slick-div .aba {display:flex;justify-content:center;height:20px !important} .planos-slick-div .aba>div {display:flex;width:200px;height:100%;background-color:#710002;color:#FFF;text-transform:uppercase;border-radius: 10px 10px 0px 0px;padding: 0px 20px;font-weight: 700;justify-content: center;} .planos-slick .centralizar-site {padding:0px !important} .planos-slick-seta {top:calc(50% - 35px) !important} .planos-slick-list {display:flex;width:100%;justify-content: center;} .planos-slick-list-div {display:flex;width:100%;flex-direction: row;align-items: stretch} .planos-slick-div {float:left;width:33.33%;margin:0px 15px} .planos-slick-div2 {display:flex;width: 100%;flex-direction: column;align-items: flex-start;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 15px;} .planos-slick-div2-titulo {background-color: #FF0100;width:100%;border-radius:10px 10px 0px 0px;color:#FFF;display: flex;flex-direction: column;align-items: center;padding: 20px 25px;font-weight: 600;text-align:center} .planos-slick-div2-titulo span:nth-of-type(1) {font-size:16px;font-weight:600;line-height:17px} .planos-slick-div2-titulo span:nth-of-type(2) {font-size:28px;font-weight:800;line-height:29px} .planos-slick-div2-titulo span:nth-of-type(3) {font-size:16px;font-weight:600;line-height:17px;margin-top:5px} .planos-slick-div2-titulo span:nth-of-type(4) {font-size:45px;font-weight:800;line-height:47px;margin-top:-3px} .planos-slick-div2-conteudo {display:flex;width:100%;flex-direction: column;/*height: 100%*/ flex: 1;justify-content: space-between;} .planos-slick-div2-conteudo>div {display:flex;width:100%;padding:20px 25px;flex-direction: column;align-items: flex-start;color:#363636;/*text-transform: uppercase*/;gap:15px;text-align:left} .planos-slick-div2-conteudo>div:nth-of-type(1) .plano-opcao {display: flex;align-items: flex-start;gap: 8px;} .planos-slick-div2-conteudo>div:nth-of-type(1) .plano-opcao>img {max-width:20px;max-height:20px;margin-top:1px} .planos-slick-div2-conteudo>div:nth-of-type(1) .plano-logos {display:flex;width:100%;gap:10px;flex-wrap:wrap} .planos-slick-div2-conteudo>div:nth-of-type(1) .plano-logos>span {width:58px;height:58px;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #D5D5D5;border-radius:5px} .planos-slick-div2-conteudo>div:nth-of-type(2) {gap:20px;padding-top:0px} .planos-slick-div2-conteudo>div:nth-of-type(2) .valores {display: flex;flex-direction: column;align-items: flex-start;color:#FF0100;font-weight:700} .planos-slick-div2-conteudo>div:nth-of-type(2) .valores-de {text-decoration: line-through} .planos-slick-div2-conteudo>div:nth-of-type(2) .valores-por {font-weight: 800;font-size:40px;line-height: 35px;} .planos-slick-div2-conteudo>div:nth-of-type(2) .valores-por2 {font-size:35px} .planos-slick-div2-conteudo>div:nth-of-type(2) .valores>span:last-child {margin-top:5px} .planos-slick-div2-conteudo>div .plano-btn {width:100%;text-transform:uppercase;border:0px;background-color:#FF0100;color:#FFF;height:40px;border-radius:30px;min-width:195px;cursor:pointer;font-family:'Karla';font-size:16px;font-weight:700;margin-top:5px;transition:.2s} .planos-slick-div2-conteudo>div .plano-btn:hover {background-color:transparent;color:#FF0100;border:2px solid #FF0100} .monte-combo-btn {text-transform:uppercase;border:0px;background-color:#FF0100;color:#FFF;height:60px;border-radius:30px;min-width:250px;cursor:pointer;font-family:'Karla';font-size:16px;font-weight:700;margin-top:-60px;margin-bottom:60px;transition:.2s;z-index:1;position:relative} .monte-combo-btn:hover {background-color:transparent;color:#FF0100;border:2px solid #FF0100} #DivPlanos .slick-list.draggable {padding:20px 0px !important} /* #DivPlanos, #DivPlanos .slick-list, #DivPlanos .slick-track, #DivPlanos .slick-slide { height: 100%;} */ /* #DivPlanos .slick-slide > div {height: 100%;} */ #DivPlanos .slick-slide {padding-bottom:100px} /* #DivPlanos .slick-slide > div {height:calc(100% + 20px)} */ #DivPlanos2 .slick-list.draggable {padding:20px 0px !important} #DivPlanos2 .slick-slide {padding-bottom:100px} #DivPlanos3 .slick-list.draggable {padding:20px 0px !important} #DivPlanos3 .slick-slide {padding-bottom:80px} /* FIM - Novos Planos */ #QuemSomos {float: left; width: 100%; text-align: center;margin: 0px 0px 50px 0px;} #QuemSomos .div-imagem {float: left; width: 465px; text-align: left; position: relative; margin-top: 40px; height: 465px;} #QuemSomos .div-imagem-mobile {float: left; width: 100%; text-align: center; margin-top: 20px; display: none} #QuemSomos .contexto {float: left; width: calc(100% - 545px); text-align: left; margin-left: 80px; position: relative; z-index: 5} #QuemSomos .img-quem-somos {width: 100%; max-width: 465px; height: 100%; max-height: 465px} #QuemSomos .img-quem-somos-mobile {width: 100%; max-width: 564px; height: 100%; max-height: 574px} #QuemSomos .img-indicar-amigo {width: 100%; max-width: 474px; height: 100%; max-height: 538px} #QuemSomos .div-icone {float: left; width: 100%; position: absolute; left: 300px; top: 400px; z-index: 4} #QuemSomos .img-email {width: 100%; max-width: 153px; height: 100%; max-height: 153px} #QuemSomos .back-icone {float: left; width: 120px; height: 120px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: var(--white-color); box-shadow: -39px 36px 82px rgba(229, 38, 37, 0.73); transform: rotate(7deg); position: absolute; left: 310px; top: 410px; z-index: 3} #QuemSomos .palavra-ou {float: left; height: 61px; display: flex; align-items: center; justify-content: center} #QuemSomos .back-imagem {float: left; width: 334px; height: 334px; border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px; background: var(--white-color); box-shadow: -39px 36px 82px rgba(229, 38, 37, 0.73); transform: rotate(7deg); position: absolute; left: 26px; top: 70px; z-index: 1} #QuemSomos .imagem {float: left; width: 100%; position: absolute; left: 0; top: 0; z-index: 2} #QuemSomos .back-imagem-2 {left: 28px !important; top: 90px !important} #QuemSomos .imagem-2 {left: 0 !important; top: -40px !important} #QuemSomos .quadro {float: left; width: 100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: var(--lightgray-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); padding: 40px} #QuemSomos .quadro-servicos {float: left; width: 100%; position: relative} #QuemSomos .quadro-icone {float: left; width: 86px; height: 86px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; background-color: var(--red-color); box-shadow: -9px 6px 42px #e52625ba; transform: rotate(7deg); position: absolute; right: -10px; top: 180px; z-index: 3} #QuemSomos .icone {float: left; width: 100%; height: 86px; text-align: center; transform: rotate(-7deg); display: flex; align-items: center; justify-content: center} #NossosServicos {float: left; width: 100%; text-align: center; position: relative; z-index: 2} #NossosServicos .background {float: left; width: 100%; text-align: center; background-color: var(--red-color); margin-top: 266px} #NossosServicos .centralizar-blocos {float: left; width: calc(100% + 40px); margin: -266px 0 0 -40px} #NossosServicos .centralizar-blocos-home {float: left; width: calc(100% + 40px); margin: -266px 0 0 -40px} #NossosServicos .bloco {float: left; width: calc(50% - 40px); min-height: 380px;; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: var(--lightgray-color); margin: 0 0 40px 40px; padding: 44px 30px 44px 44px; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #NossosServicos .bloco-home {float: left; width: calc(50% - 40px); min-height: 440px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: var(--lightgray-color); margin: 0 0 40px 40px; padding: 44px 30px 44px 44px; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #NossosServicos .sem-sombra {box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important} #NossosServicos .quadro-icone {float: left; width: 86px; height: 86px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; background-color: var(--red-color); box-shadow: -9px 6px 42px rgba(229, 38, 37, 0.73); transform: rotate(7deg)} #NossosServicos .conteudo {float: left; width: calc(100% - 86px); text-align: left; padding-left: 30px} #NossosServicos .icone {float: left; width: 100%; height: 86px; text-align: center; transform: rotate(-7deg); display: flex; align-items: center; justify-content: center} #NossosServicos .servicos-mobile {float: left; width: 100%; text-align: center; padding-top: 60px; display: none} #NossosServicos .setas-home {display: none} #NossosServicos .quadro-icone-mobile {float: left; width: 100%; text-align: left; display: none} #NossosServicos .icone-mobile {float: left; width: 80px; height: 80px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; background-color: var(--red-color); box-shadow: -9px 6px 42px rgba(229, 38, 37, 0.73); transform: rotate(7deg)} #NossosServicos .mobile-icone {float: left; width: 100%; height: 80px; text-align: center; transform: rotate(-7deg); display: flex; align-items: center; justify-content: center} #NossosServicos .titulo-servico {float: left; width: calc(100% - 104px); min-height: 80px; text-align: left; margin-left: 24px; display: flex; align-items: center} #NossosServicos .BlocoTituloServicos{min-height:0px;} #NossosServicos .servicos-desktop{width:100%; float:left; display:flex; flex-wrap: wrap;} /* PLANOS */ .PlanosId {float: left; width: 100%; text-align: center;display: flex;flex-direction: column;align-items: center;} #InternaPlanos {float: left; width: 100%; text-align: center;} #InternaPlanos #Fibra{margin-bottom:0px;} #InternaPlanos #FibraMobile{margin-bottom:80px;} .background-planos {height: 710px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('../imagens/fundo.png'); margin-top: -210px; padding-top: 210px} .PlanosId .centralizar-blocos {float: left; width: calc(100% + 40px); text-align: center; margin-left: -40px} .PlanosId .centralizar-blocos-home {float: left; width:100%; text-align: center; /*padding:0px 128px;*/max-width: 1680px;overflow: hidden;} /* .PlanosId .slick-list{overflow: visible;} */ .PlanosId .blocos {float: left; width: calc(33.3% - 40px); text-align: center; margin: 0 0 40px 40px; background-color: #161616; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px 26px; cursor: pointer} .PlanosId .blocos:hover {background-color: #262626; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} /* .PlanosId .slick-track{display:flex; float:left; flex-wrap: wrap; align-items: stretch;} */ .PlanosId .blocosHome {float: left; text-align: center; margin: 0 20px 40px 20px; /*background-color: var(--color-lightgray)*/;background-color:#e52625; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; padding: 20px; cursor: pointer; width:387px; border:1px solid #FF7271; height:auto; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;transition:.2s;height:700px} .PlanosId .blocosHome:hover {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} .PlanosId .blocosHome .NomePlano{width:100%; float:left; text-align: center; font-weight:800; color: #e52625; font-size:34px; line-height:40px; margin-bottom:-4px;} .PlanosId .blocosHome .planos_bloco__img{width: 80px;height: 80px;border-radius: 50%;background-color:#161616;display: flex;justify-content: center;align-items: center;margin-bottom: 16px;} .PlanosId .blocosHome .Mega{width:100%; float:left; text-align: left; font-weight:800; color:/* #161616*/ #FFF; font-size:34px; line-height:40px; text-transform: uppercase;margin-bottom:10px} .PlanosId .blocosHome .Mega2{width:100%; float:left; text-align: left; font-weight:800; color: #FFF; font-size:20px; line-height:25px; text-transform: uppercase;margin-bottom:10px} .PlanosId .blocosHome .position-center{color:#FFF} .PlanosId .blocosHome .AlinhaIcones2{color:#FFF;width: 100%;float: left;display: flex;} .PlanosId .logo {width: 100%; max-width: 220px; height: 100%; max-height: 130px;} .PlanosId .conteudo {float: left; width: 100%; height: auto; text-align: center;color:white; margin-bottom:30px;} .PlanosId .rodape {float: left; width: 100%; height: auto; text-align: center; display:flex; justify-content: flex-end; flex-direction: column; align-items: flex-start;} .PlanosId .rodape .PrecoPlano{width:100%; float:left;} /*.PlanosId .rodape .PrecoPlano .T1{font-size:32px; line-height:37px; color:#FFF; font-weight:500; float:left;}*/ .PlanosId .rodape .PrecoPlano .T1{font-size:22px; line-height:23px; color:#FFF; font-weight:500; float:left;width:100%;text-align: left;margin-bottom: 5px;text-decoration: line-through;} .PlanosId .rodape .PrecoPlano .T2{font-size:35px; line-height:35px; color:#FFF; font-weight:600; float:left;width:100%;text-align: left;} /*.PlanosId .rodape .PrecoPlano .T2{font-size:64px; line-height:75px; color:#FFF; font-weight:800; float:left;}*/ .PlanosId .titulo-principal {float: left; width: 100%; text-align: left} /* .PlanosId .setas {float: left; width: 152px; padding-top: 60px} */ .PlanosId .setas {float: left; width: 71px; position:absolute; z-index: 3; top:70%; height:71px;cursor: pointer; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.11); border-radius:50%; transition: .2s;} .PlanosId .setas:hover{box-shadow: 0px 0px 16px rgba(229, 37, 37,.9);} .PlanosId .setas.esquerda{left:10px;} .PlanosId .setas.direita{right:10px;} .PlanosId .mais-comprado {display: inline-block; width: 146px; height: 36px; background-color: var(--black-color); display: flex; align-items: center; justify-content: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; position: absolute; left: 50%; top: -18px; z-index: 2; filter: drop-shadow(0px 9px 26px rgba(0, 0, 0, 0.16)); transform:translateX(-50%);} .PlanosId .max-width {max-width: 370px} .PlanosId .AlinhaIcones {display:flex; justify-content:center; flex-wrap:wrap; float:left;} .PlanosId .AlinhaIcones img {margin: 0px 2.5px 5px 2.5px;} .PlanosId .AlinhaIcones2 img {display: inline-block; font-family: 'Karla', sans-serif; font-weight: 400; font-size:16px; color: var(--gray-color); text-align: center !important;margin-top: 5px;margin-right: 5px;} .PlanosId .seta-mobile {display: inline-block; max-width: 260px; text-align: center; display: none;width: 100%;float: left;margin-top: -50px;} .PlanosId .seta-left {float: left; position: absolute; left: 120px;z-index: 2} .PlanosId .seta-right {float: left; position: absolute; right: 120px;z-index: 2} .PlanosId .DivPlanos{display: flex; margin-top: 50px; justify-content: center;} /* PLANOS */ /* FIBRA */ #Fibra {margin-bottom: 400px;float: left; width: 100%; text-align: center} .background-planos {height: 710px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('../imagens/fundo.png'); margin-top: -210px; padding-top: 210px} #Fibra .centralizar-blocos {float: left; width: calc(100% + 40px); text-align: center; margin-left: -40px} #Fibra .centralizar-blocos-home {float: left; width:calc(100% - 50px); text-align: center;display: flex;justify-content: center;margin-top: 50px;} #Fibra .slick-list{overflow: visible;} #Fibra .blocos {float: left; width: calc(33.3% - 40px); text-align: center; margin: 0 0 40px 40px; background-color: var(--color-lightgray); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px 26px; cursor: pointer} #Fibra .blocos:hover {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #Fibra .blocosHome {float: left; text-align: center; width:calc(25% - 50px); margin-left: 50px; background-color: var(--color-lightgray); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px 26px; cursor: pointer; width:387px; border:1px solid #FF7271; display: flex; flex-direction: column; justify-content:space-between; flex-wrap: wrap;} #Fibra .blocosHome:hover {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #Fibra .logo {width: 100%; max-width: 220px; height: 100%; max-height: 130px;} #Fibra .conteudo {float: left; width: 100%; height: auto; text-align: center; margin-bottom:30px;} #Fibra .rodape {float: left; width: 100%; height: auto; text-align: center;} #Fibra .rodape .PrecoPlano{width:100%; float:left; display:flex; justify-content: center; align-items: baseline;} #Fibra .rodape .PrecoPlano .T1{font-size:32px; line-height:37px; color:#E52625; font-weight:500; float:left;} #Fibra .rodape .PrecoPlano .T2{font-size:64px; line-height:75px; color:#E52625; font-weight:800; float:left;} #Fibra .titulo-principal {float: left; width: calc(100% - 152px); text-align: left} #Fibra .setas {float: left; width: 152px; padding-top: 60px} #Fibra .mais-comprado {display: inline-block; width: 146px; height: 36px; background-color: var(--black-color); display: flex; align-items: center; justify-content: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; position: absolute; left: 50%; top: -18px; z-index: 2; filter: drop-shadow(0px 9px 26px rgba(0, 0, 0, 0.16)); transform:translateX(-50%);} #Fibra .max-width {max-width: 370px} #Fibra .AlinhaIcones {display:flex; justify-content:center; flex-wrap:wrap; float:left;} #Fibra .AlinhaIcones img {margin: 0px 2.5px 5px 2.5px;} #Fibra .AlinhaIcones2 img {display: inline-block; font-family: 'Karla', sans-serif; font-weight: 400; font-size:16px; color: var(--gray-color); text-align: center !important;} #Fibra .seta-mobile {display: inline-block; max-width: 260px; text-align: center; display: none} #Fibra .seta-left {float: left; position: absolute; left: 120px; top: 1160px; z-index: 2} #Fibra .seta-right {float: left; position: absolute; right: 120px; top: 1160px; z-index: 2} #Fibra .DivPlanos .slick-list{padding-top:60px !important;} #Fibra .VelocidadePlano{font-weight:800; color:#161616; text-align: center; width: 100%; margin-bottom:5px; font-size:34px; line-height:40px; text-transform: uppercase;} #FibraMobile {float: left; width: 100%; text-align: center;display:none;margin-bottom: 480px;} .background-planos {height: 710px; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('../imagens/fundo.png'); margin-top: -210px; padding-top: 210px} #FibraMobile .centralizar-blocos {float: left; width: calc(100% + 40px); text-align: center; margin-left: -40px} #FibraMobile .centralizar-blocos-home {float: left; width:100%; text-align: center; padding:0px 128px;} #FibraMobile .slick-list{overflow: visible;} #FibraMobile .blocos {float: left; width: calc(33.3% - 40px); text-align: center; margin: 0 0 40px 40px; background-color: var(--color-lightgray); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px 26px; cursor: pointer} #FibraMobile .blocos:hover {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #FibraMobile .blocosHome {float: left; text-align: center; margin: 0 20px 40px 20px; background-color: var(--color-lightgray); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px 26px; cursor: pointer; width:387px; border:1px solid #FF7271;display: flex; flex-direction: column; justify-content:space-between; flex-wrap: wrap;} #FibraMobile .blocosHome:hover {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #FibraMobile .logo {width: 100%; max-width: 220px; height: 100%; max-height: 130px;} #FibraMobile .conteudo {float: left; width: 100%;margin-bottom: 25px; text-align: center} #FibraMobile .rodape {float: left; width: 100%; text-align: center} #FibraMobile .rodape .PrecoPlano{width:100%; float:left; display:flex; justify-content: center; align-items: baseline;} #FibraMobile .rodape .PrecoPlano .T1{font-size:32px; line-height:37px; color:#E52625; font-weight:500; float:left;} #FibraMobile .rodape .PrecoPlano .T2{font-size:64px; line-height:75px; color:#E52625; font-weight:800; float:left;} #FibraMobile .titulo-principal {float: left; width: calc(100% - 152px); text-align: left} #FibraMobile .setas {float: left; width: 152px; padding-top: 60px} #FibraMobile .mais-comprado {display: inline-block; width: 146px; height: 36px; background-color: var(--black-color); display: flex; align-items: center; justify-content: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; position: absolute; left: 50%; top: -18px; z-index: 2; filter: drop-shadow(0px 9px 26px rgba(0, 0, 0, 0.16)); transform:translateX(-50%);} #FibraMobile .max-width {max-width: 370px} #FibraMobile .AlinhaIcones {display:flex; justify-content:center; flex-wrap:wrap; float:left;} #FibraMobile .AlinhaIcones img {margin: 0px 2.5px 5px 2.5px;} #FibraMobile .AlinhaIcones2 img {display: inline-block; font-family: 'Karla', sans-serif; font-weight: 400; font-size:16px; color: var(--gray-color); text-align: center !important;} #FibraMobile .seta-mobile {display: inline-block; max-width: 260px; text-align: center; display: none;float: left;width: 100%;margin-top: -50px;} #FibraMobile .seta-left {float: left; position: absolute; z-index: 2;left: 60px;} #FibraMobile .seta-right {float: left; position: absolute; z-index: 2;right: 60px;} #FibraMobile .DivPlanos .slick-list{padding-top:60px !important;} #FibraMobile .VelocidadePlano{font-weight:800; color:#161616; text-align: center; width: 100%; margin-bottom:5px; font-size:34px; line-height:40px; text-transform: uppercase;} .seta-mobile2{display: none;position:relative;width: 100%;align-items: center;} .seta-left2{position:absolute;left: 70px;top:-70px;z-index: 2} .seta-right2{position:absolute;right: 70px;top:-70px;z-index: 2} /* FIBRA */ /* #BannerSecundario {float: left; width: 100%; text-align: center; margin-top: 530px} #BannerSecundario .imagem {width: 100%; height: 100%; max-height: 592px} */ #BannerSecundario {float: left; width: 100%; text-align: center; margin-top: 100px; position: relative;} #BannerSecundario .AlinhaBanner {float: left; width: 100%; text-align: center; position: relative;} #BannerSecundario .tamanho-banner {width: 100%;height:25.26vw;} #BannerSecundario .seta-left {float: left; width: 171px; text-align: left; position: absolute; left: -95px; top: 50%; transform: translateY(-50%); z-index: 5;} #BannerSecundario .seta-right {float: left; width: 171px; text-align: left; position: absolute; right: -80px; top: 50%; transform: translateY(-50%); z-index: 5} #BannerSecundario .tamanho-setas {width: clamp(71px, 30vw, 171px); height: clamp(71px, 30vw, 171px)} #BannerSecundarioMobile {float: left; width: 100%; text-align: center; position: relative; display:none} #BannerSecundarioMobile .AlinhaBanner {float: left; width: 100%; text-align: center; position: relative;} #BannerSecundarioMobile .tamanho-banner {width: 100%; height: 100%; max-height: 545px;object-fit:contain} #BannerSecundarioMobile .seta-mobile {max-width: 320px; text-align: center; display: none} #BannerSecundarioMobile .seta-left-mobile {float: left; text-align: left} #BannerSecundarioMobile .seta-right-mobile {float: left; text-align: left} /* #BannerSecundarioMobile .tamanho-setas {width: clamp(71px, 30vw, 171px); height: clamp(71px, 30vw, 171px)} */ /* #BannerSecundario.mobile {display:none} #BannerSecundario.mobile .imagem {width: 100%; height: 100%; max-height: 545px;object-fit:contain} */ #Parceiros {float: left; width: 100%; text-align: center} #Parceiros .centralizar-blocos {float: left; width: calc(100% + 40px); text-align: center; margin-left: -40px} #Parceiros .bloco {float: left; width: calc(25% - 40px); height: 165px; text-align: center; background-color: var(--color-lightgray); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0 0 40px 40px; display: flex; align-items: center; justify-content: center; padding: 10px} #Parceiros .logo {width: 100%; max-width: 230px; height: 100%; max-height: 130px; display:inline-block; object-fit:contain;} #Parceiros .seta-mobile {display: inline-block; max-width: 320px; text-align: center; display: none} #Parceiros .seta-left {float: left} #Parceiros .seta-right {float: left} #Comentarios {float: left; width: 100%; text-align: center; background-color: var(--color-lightgray); padding: 100px 0} #Comentarios .titulo {float: left; width: 80%; text-align: left} #Comentarios .setas {float: left; width: 20%; text-align: right; position: relative} #Comentarios .seta-left {float: left; width: 171px; text-align: left; position: absolute; left: -20px; top: -24px; z-index: 2} #Comentarios .seta-right {float: left; width: 171px; text-align: left; position: absolute; right: 0; top: -24px; z-index: 2} #Comentarios .tamanho-setas {width: clamp(71px, 30vw, 171px); height: clamp(71px, 30vw, 171px)} #Comentarios .centralizar-blocos {float: left; width: calc(100% + 160px); text-align: left; margin-left: -160px; position: relative} #Comentarios .bloco {float: left; width: calc(33.3% - 40px); min-height: 260px; background-color: var(--white-color); text-align: left; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 40px; margin-left: 40px} #Comentarios .img-perfil {float: left; width: 70px; height: 70px; background-color: var(--color-lightgray); text-align: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: flex; align-items: center; justify-content: center} #Comentarios .depoimento {float: left; width: calc(100% - 70px); text-align: left; padding-left: 30px} #Comentarios .seta-mobile {display: inline-block; max-width: 320px; text-align: center; display: none} #Comentarios .seta-left-mobile {float: left; text-align: left} #Comentarios .seta-right-mobile {float: left; text-align: left} #Comentarios .depoimento-mobile {float: left; width: 100%; display: none} #QuemSomos .centralizar-site2{display:inline-block; width:100%; max-width:1240px; text-align:center; padding: 0 14px; height:920px} #QuemSomos .centralizar-site3{display:inline-block; width:100%; max-width:1240px; text-align:center; padding: 0 14px; height:991px} /* Apps */ #Aplicativos {float:left; width:100%; text-align:center; margin:0px !important; padding:90px 0px; margin-bottom:-90px !important} #Aplicativos .Titulos {float:left; width:100%; text-align:center; margin-bottom:90px} #Aplicativos .Titulos .Conteudo {display:inline-block; width:auto; padding:10px 90px; font-size:40px; background-color: rgba(255, 255, 255, 0.20); color:#FFF; border-radius:40px;} #Aplicativos .SubTitulos {float:left; width:100%; text-align:center; margin-bottom:20px} #Aplicativos .SubTitulos .Conteudo {display:inline-block; width:auto; padding:8px 45px; font-size:24px; background-color: rgba(255, 255, 255, 0.20); color:#FFF; border-radius:30px; margin-bottom:10px} #Aplicativos .BlocoImgs {float:left; width:calc(100% + 20px); margin-left:-20px; text-align:center; margin-bottom:20px} #Aplicativos .Imagens {display:inline-block; margin-left:35px; margin-bottom:35px} #Aplicativos .Imagens img {width:100px; height:auto} #Aplicativos .Botao {float:left; text-align:center; width:100%; height:auto; margin-top:20px} #Aplicativos .Botao input {width:auto; padding:10px 25px; font-size:20px; background-color: rgba(255, 255, 255, 0.35); color:#FFF; border-radius:30px; transition: 0.3s;} #Aplicativos .Botao input:hover {cursor:pointer; background-color: rgba(255, 255, 255, 0.50)} /* Apps */ /* Apps Novo*/ #AplicativoNovo{width:100%; float:left; text-align:center; padding:0px; background-color: #efeeee;margin-bottom:-92px;} #AplicativoNovo .ConteudoApp{width:100%; float:left; text-align: center; position: relative; padding-bottom:100px; padding-left: 35px;} #AplicativoNovo .ConteudoApp .DetalheLateral{width:45px; height:calc(100% + 78px); float:left; background-image:linear-gradient(to bottom, #000, #d11622); border-radius: 2px 38px 0px 0px; position: absolute; left:-2px; top:-80px; } #AplicativoNovo .BannerApp{width:100%; height:54.42vw; float:left; background-size:contain; background-position: right top; margin-bottom:60px; background-color: #efeeee; background-repeat: no-repeat;} #AplicativoNovo .BannerApp img{object-fit:contain;width:100%; height:100%;} #AplicativoNovo .BannerApp .mobile{display:none} #AplicativoNovo .BannerApp.DivBannersMobile{display:none} #AplicativoNovo .TituloApp{text-align: center; color:#000; font-size:68px; line-height:75px; margin-bottom:50px; font-weight:900;} #AplicativoNovo .AlinhaApps{width:100%; float:left; display: flex; flex-wrap: wrap; margin-bottom:85px;} #AplicativoNovo .AlinhaApps .ColunaApps{width:50%; float:left; display: flex; align-items: center;} #AplicativoNovo .AlinhaApps .ColunaApps:first-child{padding-right:35px;} #AplicativoNovo .AlinhaApps .ColunaApps:last-child{padding-left:35px;} #AplicativoNovo .AlinhaApps .ColunaApps .ListagemApps{width:100%; float:left; display:flex; flex-direction: column;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem{display: flex; align-items: center; width:100%; float:left; justify-content: space-between;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Icone{display:flex; align-items: center; justify-content: center; width:95px; height:95px; background: rgb(135,43,54); border-radius: 50%;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Textos{float:left; width:calc(100% - 110px);} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(odd){flex-direction: row;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(even){flex-direction: row-reverse;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(odd) .Textos{text-align: left; padding-right:40px;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(even) .Textos{text-align: right; padding-left:40px;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(even){flex-direction: row;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(odd){flex-direction: row-reverse;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(even) .Textos{text-align: left; padding-right:30px;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(odd) .Textos{text-align: right; padding-left:30px;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Textos .T1{font-weight: 700; color:#000; margin-bottom:7px; width:100%; font-size:19px;line-height:22px;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Textos .T2{font-weight: 500; font-size: 19px; line-height:22px;} #AplicativoNovo .AlinhaBotao{width:100%; display: flex; justify-content: center;} #AplicativoNovo .AlinhaBotao .BotaoFacaLogin{font-size:44px; font-weight: 900; color:#fff; text-transform: uppercase; width:550px; height:120px; background: linear-gradient(-25deg, #d11622 20%, #0A0007 100%); border-radius: 40px; transition: .2s; cursor: pointer;} #AplicativoNovo .AlinhaBotao .BotaoFacaLogin{opacity: .9; filter: opacity(90);} /* Apps Novo*/ #Contato {float: left; width: 100%; text-align: center} #Contato .formulario {float: left; width: calc(100% - 520px); text-align: center} #Contato .div-quadro {float: left; width: 520px; text-align: center; position: relative} #Contato .quadro-formulario {float: left; width: 100%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: var(--lightgray-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); padding: 40px; position: relative; z-index: 2;} #Contato .quadro-informacoes {float: left; width: 100%; min-width: 560px; height: 560px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background-color: var(--red-color); padding: 40px; box-shadow: -90px 30px 60px #e526258a; transform: rotate(7deg); position: absolute; left: -90px; top: 50px; z-index: 1} #Contato .quadro-informacoes-2 {float: left; width: 100%; max-width: 370px; transform: rotate(-7deg); position: absolute; left: 136px; top: 130px; z-index: 2} #Contato .contato-mobile {float: left; width: 100%; text-align: left; margin-top: 60px; display: none} /* cobertura - mapa */ #Cobertura {float: left; width: 100%; text-align: center} #Cobertura .BlocoGeral {justify-content: space-around;float: left; width:100%; height:auto; text-align:center; display:flex; align-items: flex-start; margin-top:30px} #Cobertura .BlocoMapa {float: left; height:auto; width:590px} #Cobertura .ContMapa {width:100%; margin-top: 40px;} #Cobertura .ContMapa svg {transform: scale(1)} #Cobertura .BlocoInfos {float: left; width:calc(100% - 620px); max-width:350px; margin-right:30px; display:none; margin-top:30px} #Cobertura .Cabecalho {float:left; width:100%; color:#FFF; background:#E52625; border-radius:16px 16px 0px 0px; font-weight:700; text-align:left; font-size:16px; padding:10px 20px; text-transform: uppercase;} #Cobertura .Conteudo {float:left; width:100%; background:#FFF; border:1px solid #FFF; border-radius:0px 0px 5px 5px; padding:15px;} #Cobertura .Cidades {float:left; width:100%; font-size:15px; margin-bottom:3px; text-align:left; font-weight:500;} #Cobertura .Bull {float:left; text-align:left; background:#E52625; width:7px; height:7px; margin-top:7px; border-radius:100%; margin-right:7px} #Cobertura .Legenda {text-align:right;color: var(--black-color);font-family: 'Karla', sans-serif;font-weight: 500;margin-right: 10px;font-size: 16px;} #svg-map text {fill:#fff; font-size:10px; font-weight:700; cursor:pointer} /*#svg-map path {fill:#E52625}*/ #svg-map path:hover {cursor:pointer;/*fill:#D71B1A !important */} #svg-map .circle {fill:#ED6A6A} #svg-map .circle2 {fill:#61c281} #svg-map .vazio {fill:#bdbdbd} #svg-map path:hover .circle {fill:#D71B1A !important; cursor:pointer} #svg-map path:hover .circle2 {fill:#61c281 !important; cursor:pointer} #svg-map path:hover .vazio {fill:#bdbdbd !important; cursor:pointer} #Duvidas *{letter-spacing: -1px;} #Duvidas {float: left; width: 100%; text-align: center;} #Duvidas .Linha100{width:100%; float:left;} #Duvidas .Esquerda{text-align:left;} #Duvidas .Centro{text-align:center;} #Duvidas .Inline100{display: inline-block; width:100%;} #Duvidas .CabecalhoDuvidas{margin-top:120px; float:left; width:100%; max-width:720px; z-index:1; position:relative;} #Duvidas .CabecalhoDuvidas .T1{font-size:49px; line-height:57px; margin-bottom:30px; color:#161616;} #Duvidas .CabecalhoDuvidas .T2{font-size:16px; line-height:24px; margin-bottom:40px;} #Duvidas .AlinhaBotao{float:left;text-align:center;width:100%;margin-right:20px;display: flex; justify-content: center;} #Duvidas .BotaoBoleto{margin-right: 20px;width:320px; height:61px; padding:0px 18px; border-radius:10px; background-color:#161616; cursor:pointer; transition:.2s; float:left; display:flex; align-items: center; justify-content: flex-start} #Duvidas .BotaoBoleto.textoduplo{align-items: center;justify-content: center;flex-direction: column;} #Duvidas .BotaoBoleto:hover{border:1px solid #161616; color:#161616; background-color:#fff;} #Duvidas .BotaoBoleto:hover .Texto{color:#161616;} #Duvidas .BotaoBoleto:hover .Icone{background-image: url('../imagens/icone_boleto_duvida2.svg');} #Duvidas .BotaoBoleto .Texto{text-align: center;margin-left:10px; font-size:16px;color:#fff; text-transform: uppercase; width:calc(100% - 70px);letter-spacing:-1px;} #Duvidas .BotaoBoleto .Texto.textoduplo{width:100%;} #Duvidas .BotaoBoleto .Icone{width:32px; height:25px; float:left; background-repeat: no-repeat; background-position: center center; background-image: url('../imagens/icone_boleto_duvida.svg');} #Duvidas .ImgDuvida{width:calc(100% - 720px); float:left; position:relative;} #Duvidas .ImgDuvida img{width:555px; float:left; height:auto; object-fit: contain; position:absolute; right:0px; top:0px;} #Duvidas .ImgSimples img{width:100%;max-width: 800px;border-radius: 10px;margin-top: 50px;} #Duvidas .ListaDuvidas{margin-top:110px; z-index:2; position: relative;} #Duvidas .Duvida{border-radius:15px; padding:20px; margin-bottom:15px; background-color: #fefefe; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); position: relative;} #Duvidas .Duvida:last-child{margin-bottom:0px;} #Duvidas .Duvida .NomeDuvida{font-size:16px; line-height:24px; color:#161616;} #Duvidas .Duvida .TextoDuvida{font-size:16px; line-height:24px; margin-top:25px; display:none;} #Duvidas .Duvida .Botao{width:40px; height:40px; background-color:#E52625; border-radius:10px; position:absolute; right:20px; top:10px; cursor:pointer;} #Duvidas .Duvida .Botao .Icone{background-image:url('../imagens/seta_duvidas.svg'); width:15px; height:15px; background-repeat: no-repeat; background-position: center center; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:.3s;} #Duvidas .Duvida.Aberto .Botao .Icone{transform:translate(-50%, -50%) rotate(180deg);} /*-------- Endereço --------*/ #Endereco, #SemViabilidade, #ViabilidadeSucesso{min-height: calc(100vh - 65px);width: 100%;display: flex;align-items: center;justify-content: center;} #Endereco .centralizar-site {padding: 70px 20px;} .alinhaConteudo_pagina{display: flex;justify-content: center;align-items: center;flex-direction: column; height: 100%;width: 100%;} .container_branco{max-width: 900px;max-width: 600px; width: 100%;height: auto;border-radius: 20px;background: var(--branco);box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.14);display: flex;align-items: center;justify-content: center;padding: 35px 40px;} .alinhaConteudo_containerBranco{display: flex;flex-direction: column;width: 100%;} .titulo_container{font-size: 22px;text-align: CENTER;width: 100%;margin-bottom: 40px;font-weight: 500;} .linha_inputs{display: flex;align-items: center;gap: 20px;margin-bottom: 15px;} .alinhaInput{display: flex;flex-direction: column;gap: 5px;} .tam1{width: calc(50% - 10px);} .tam2{width: 100%;} .iconeLogoEnd{width: 300px;margin-bottom: 50px;} .iconeLogoEnd img{width: 100%;} .BordaErro{border: 1px solid var(--vermelho) !important ;} .textoInput{font-size: 15px;text-align: left;color: #363636;} .campoInput{width: 100%;height: 50px;border-radius: 10px;background: var(--branco);border: 1px solid #d5d5d5;padding: 0 15px;} .campoInput.IconAviso{background-image: url(../imagens/warning.png);background-repeat: no-repeat;background-size: 20px;background-position: right 5px center;} .alinhaBotao{width: 100%;display: flex;justify-content: flex-end;} .BotaoContainer_continuar{width: 200px;height: 55px;border-radius: 27.5px;background-color:#262626;border: 1px solid#262626;display: flex;align-items: center;justify-content: center;font-weight: 300; font-size: 16px;text-align: left;color: #fff;margin-top: 15px;transition: .2s;} .BotaoContainer_continuar:hover{background-color: transparent;color:#262626;} .AvisoMensagem{width: 100%;float: left;font-size: 17px;color:var(--vermelho);display: none;} #SemViabilidade .titulo_container{width: auto;} .alinhaTitulo_Container{width: 100%;display: flex;align-items: baseline;justify-content: center;gap: 15px;} .texto_container{width: 100%;text-align: center;font-size: 18px;} .titulo_container2{font-weight: 800;font-size: 20px;text-align: center;margin-bottom: 20px;} /*-------- Endereço --------*/ #Rodape {float: left; width: 100%; text-align: center; background-color: var(--black-color); padding: 60px 20px} #Rodape .bloco1 {float: left; width: 200px; text-align: left; padding-top: 50px} #Rodape .bloco2 {float: left; width: calc(31% - 30px); text-align: left} #Rodape .bloco3 {float: left; width: calc(20% - 50px); text-align: left; padding-left: 60px} #Rodape .bloco4 {float: left; width: calc(29% - 50px); text-align: left; padding-left: 10px} #Rodape .bloco5 {float: left; width: calc(20% - 70px); text-align: right; padding-left: 10px} #Rodape .redes-sociais-mobile {float: left; width: 64px; text-align: right; padding-top: 20px; display: none} /* #Planos .slick-current{transform: scale(.9) !important;filter: none !important;pointer-events: unset !Important;} #Planos .slick-initialized .slick-slide{transform: scale(.7);filter: blur(4px);pointer-events: none;margin: 0 -20px;} */ #Copyright {float: left; width: 100%; height: 64px; background-color: #707070; display: flex; align-items: center; justify-content: center} .div-frame-content {display: inline-block; width: calc(100% - 60px); max-width: 800px; padding: 40px; text-align: center; background-color: var(--white-color); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 0 30px} .icone-fechar {position: absolute; right: 20px; top: 20px} /* ----- LISTAGEM BOLETOS -----*/ #Corpo{float:left; width:calc(100% - 42px); height:calc(100% - 105px); background-color:#FFFFFF; margin-top:56px;transition:0.33s} #Corpo .Listagem {float:left; width:100%; margin-top:36px; border-radius:8px; border:1px solid #e1e1e1} #Corpo .ListagemTopo {float:left; width:100%; padding:12px 0px; background:#f2f2f2; font-size:13px; font-weight:600; color:#65696b; border-bottom:1px solid #e1e1e1} #Corpo .ColunasList {float:left; padding:0px 20px; box-sizing:border-box} #Corpo .ColunasList.Col1 {width:20%} #Corpo .ColunasList.Col2 {width:20%} #Corpo .ColunasList.Col3 {width:45%} #Corpo .ColunasList.Col4 {width:15%} #Corpo .ColunasList.ColMob {width:100%; display:none} .LabelInput {float:right; width:calc(100% - 20px); margin-bottom:0px; margin-top:-5px} .BtnSair {float: right; font-size: 15px; width: auto; border: 1px solid #000; padding: 5px 20px; border-radius: 20px; font-weight:700; margin-bottom:2px} #Corpo .ListagemResultados {float:left; width:100%; padding:12px 0px; font-size:13px; font-weight:400; color:#61696d; border-bottom:1px solid #e1e1e1} #Corpo .ListagemResultados:nth-last-child(1){border-bottom:0px solid #e1e1e1} #Corpo .ListagemResultados:hover {background:#f2f2f2;} /* ------- */ /*--- NOVO INDIQUE ---*/ #Indique {background-color: #940000;float: left; width: 100%; text-align: center;margin: 0px 0px -90px 0px;} #Indique .centralizar-site3{display:inline-block; width:100%; max-width:1240px; text-align:center; padding: 0 14px 0px 14px;} #Indique .alinha_conteudo{width: 100%;display: flex;justify-content:space-between;align-items:flex-start} #Indique .logo_indique-mobile{display:none} #Indique .Bloco{display: flex;flex-direction: column;align-items: center;background: #e52625;width: 400px;padding:30px 25px;float:right} #Indique .Bloco img{float:left;min-height: 232px;} #Indique .Bloco .T1{width:100%;float:left;font-weight: 900;font-size: 30px;line-height: 24px;text-align: left;color: #fff;margin-top:45px;margin-bottom:10px} #Indique .Bloco .T3{display:none;width:100%;float:left;font-weight: 600;font-size: 16px;text-align: left;color: #fff;margin-bottom:20px} #Indique .Bloco .Campo{margin-bottom:10px;width:100%;float:left;text-align: left;} #Indique .Bloco .Campo .T2{font-size: 16px;line-height: 24px;text-align: left;color: #fff;} #Indique .Bloco .Campo input{height: 40px;border-radius: 5px;background: #fff;width: 100%;padding: 10px;} #Indique .BordaErro {border-bottom:2px solid #000 !important} #Indique .sucesso {width:100%;float:left;font-weight: 600;font-size: 16px;text-align: left;color: #fff;} #Indique .colorred{color: #fff;} #Indique .separacao{background-color: #fff;} #Indique .link-migalha{color: #FFC008;} #Indique .BlocoMobile{display:none;width:100%;float:left;flex-direction: column;gap: 12px;} #Indique .BlocoMobile .T1{margin: 0px;font-size: 24px;line-height: 32px;text-transform: uppercase;margin-top: -20px;} #Indique .BlocoMobile .T2{margin: 0px;font-size: 19px;line-height: 24px;font-weight: 500;width: 100%;float: left;color: #FFF;text-align: left;} #Indique .BlocoMobile .T3{margin: 0px;font-size: 25px;line-height: 30px;font-weight: 500;width: 100%;float: left;color: #FFC008;text-align: left;} #Indique .BlocoMobile .T4{font-size: 12px;color: #FFF;font-weight: 400;text-align: left;margin: 0px;text-transform: uppercase;} /*--- NOVO INDIQUE ---*/ /*-- CAMPOS MODAL --*/ .CampoFormulario {width:calc(50% - 10px);margin-right:20px;float:left} .CampoFormulario2 {width:calc(50% - 10px);float:left} .CampoNum {width:calc(50% - 10px);margin-right:20px;float:left} .CampoEndereco {width:calc(50% - 10px);float:left} /*-- CAMPOS MODAL --*/ .modal { width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:9999999999; -webkit-backdrop-filter: blur(3px); backdrop-filter:blur(3px); background-color:var(--lightest-color); transition:ease-out 0s; text-align:center; display:none; align-items:center; justify-content:center; background:rgba(22, 22, 22, 0.70) } .modal:target { display: flex; opacity:1 } .DivSucesso{ padding: 5px; border: 1px solid gray; border-radius: 3px; font-size: 16px; float: left; background-color: #a0d468; background-color: #dff0d8; border-color: #87c940; color: #3c763d; width: 100%; margin-top: 15px; } .DivErro{ padding: 5px; border: 1px solid gray; border-radius: 3px; font-size: 16px; float: left; background-color: #f2dede; border-color: #ebccd1; color: #a94442; width: 100%; margin-top: 15px; } /* ------- * /* ---------------- Noticias ---------------- */ #Noticias {float:left; width:100%; text-align:center;} /*#Noticias .centralizar-site {display:inline-block; width:100%; max-width:1240px; text-align:center; padding: 0 14px}*/ #Noticias .Destaque {float:left; width:100%; border-radius:5px; height:300px; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:30px; margin:30px 0px 30px 0px; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; position:relative; transition: 0.3s;} #Noticias .Destaque .DataP {float:left; width:100%; margin-bottom:5px; color:#FFF; text-align:left; font-size:20px; position:relative;z-index:5} #Noticias .Destaque .TituloP {float:left; width:100%; text-align:left; font-size:29px; color:#FFF; font-weight:600; line-height:37px; margin-bottom:0px; position:relative;z-index:5} #Noticias .Destaque .Filtro {position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.59); border-radius:5px; width:100%; height:100%; z-index:3} #Noticias .Destaque:hover {opacity: 0.9; cursor:pointer} #Noticias .DestaqueMobile{display:none;float:left; width:100%; border-radius:5px; height:600px; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:30px; margin:30px 0px 30px 0px; align-items: flex-end; flex-direction: column; justify-content: flex-end; position:relative; transition: 0.3s;} #Noticias .DestaqueMobile .DataP {float:left; width:100%; margin-bottom:5px; color:#FFF; text-align:left; font-size:20px; position:relative;z-index:5} #Noticias .DestaqueMobile .TituloP {float:left; width:100%; text-align:left; font-size:29px; color:#FFF; font-weight:600; line-height:37px; margin-bottom:0px; position:relative;z-index:5} #Noticias .DestaqueMobile .Filtro {position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.59); border-radius:5px; width:100%; height:100%; z-index:3} #Noticias .DestaqueMobile:hover {opacity: 0.9; cursor:pointer} #Noticias .Btn1 {float:left; text-align:left; position:relative;z-index:5; display:inline; width:100%; margin-top:20px} #Noticias .Btn1 input {height:52px} #Noticias .Btn1 input {cursor:pointer;width: 180px;height: 52px;border-radius: 5px;border: 0px;color: #fff;background-color: #000;font-size: 16px;transition: 0.3s;} #Noticias .Btn1 input:hover{color: #fff;background-color: #e52625;} #Noticias .Conteudo {float:left; width:calc(100% - 390px); text-align:left;margin-bottom: 40px;} #Noticias .Lateral {float:right; width:360px; margin-left:30px; text-align:left} #Noticias .Blocos {float:left; padding:30px; width:100%; background:#E8E8E8;border:1px solid #E8E8E8; border-radius:5px; margin-bottom:20px; transition: 0.3s} #Noticias .Textos {float:left; width:100%; text-align:left} #Noticias .Data {float:left; width:100%; margin-bottom:5px; color:var(--red-color); text-align:left; font-size:15px} #Noticias .Titulo {float:left; width:100%; margin-bottom:10px; text-align:left; font-size:18px; line-height:23px; font-weight:600} #Noticias .Chamada {float:left; width:100%; color:#4B4B4B; line-height:22px; text-align:left; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #Noticias .Blocos:hover {border:1px solid #E8E8E8; background:#FFF; cursor:pointer} #Noticias .BlocosLateral {float:left; padding:15px 20px; width:100%; border:1px solid #E8E8E8; border-radius:5px; margin-bottom:10px} #Noticias .BlocosLateral .DataL {float:left; width:100%; margin-bottom:5px; color:var(--red-color); text-align:left; font-size:15px} #Noticias .BlocosLateral .TituloL {float:left; width:100%; text-align:left; font-size:16px; font-weight:600; line-height:22px; margin-bottom:0px} #Noticias .BlocosLateral:hover {opacity:0.80; cursor:pointer} #Noticias .BlocosLateral .SaibaMais {float:left; width:auto; margin-top:10px; font-size:16px; color:#000; text-align:left; cursor:pointer} /* conteudo interno */ #Noticias .TituloInt {float:left; width:100%; text-align:left; font-size:25px; line-height:37px; margin-bottom:15px; font-weight:700} #Noticias .Citacao {float:left; width:100%; text-align:left; font-size:18px; color:#4B4B4B; line-height:24px; font-style: italic; margin-bottom:20px} #Noticias .IcoCitacao {float:left; width:45px; margin-right:3px} #Noticias .IcoCitacao img{float:left; width:45px; margin-right:5px} #Noticias .TxtCitacao {float:left; width:calc(100% - 50px); text-align:left; text-align:left; font-size:14px; color:#4B4B4B; line-height:24px; font-style: italic;} #Noticias .Texto {float:left; width:100%; text-align:left; font-size:15px; color:#4B4B4B; line-height:24px; margin-bottom:15px} #Noticias .Texto p {margin:0px} #Noticias .Img {float:left; width:100%; text-align:center; margin-bottom:30px} #Noticias .Img img {width:auto; height:auto; max-width:100%} #Noticias .Video {float:left; text-align:center; width:100%; margin:30px 0px; cursor:pointer} #Noticias .Compartilhar {float:left; width:100%; background:#E8E8E8; border-radius:5px; padding:30px; text-align:left; font-size:16px; margin-top:20px; margin-bottom:60px; cursor:pointer; font-weight:600} #Noticias .Compartilhar img {margin-left:15px; width:20px; height:auto;} #Paginacao{width:calc(100% + 5px); margin-left:-5px; display:inline-block; text-align:center; font-size:0px; margin-bottom: 30px; margin-top: 30px;} #Paginacao .botoes{width:55px; height:55px; text-align:center;display:inline-block; margin-left:5px; font-size:15px; color:#131E3F; font-weight:700;background-color:#fff; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-size:7.09px 11.79px ;} #Paginacao .botoes.pag_atual{background-color:#e9e9e9;} #Paginacao .botoes.pagina_anterior{background-color:#FFC008; background-image:url('../imagens/seta_paginacao.svg');border-radius:8px 0px 0px 8px; color:transparent;} #Paginacao .botoes.pagina_posterior{background-color:#FFC008; background-image:url('../imagens/seta_paginacao.svg');border-radius:8px 0px 0px 8px; transform:rotate(180deg) ;color:transparent;} /*--- GALERIA ---*/ #Noticias .AlinhaCarossel {width:100%;float:left;position:relative} #Noticias .Galeria {margin-bottom: 20px;margin-left: -10px;width:calc(100% + 10px);float:left} #Noticias .Galeria .Foto{width:calc(200px - 10px);float:left;height: 200px;background-size: cover; background-position: center center;background-repeat: no-repeat;margin-left:10px;} #Noticias .AlinhaBotao{margin-bottom:15px;float:left;width:100%} #Noticias .AlinhaBotao .Botao{transition:.3s;background-repeat: no-repeat;background-size: 25%;background-position: center;float:left;border-radius:10px;width:50px;height:50px;background-color:var(--red-color);} #Noticias .AlinhaBotao .Botao:hover{opacity:.8;cursor:pointer} #Noticias .AlinhaBotao .Botao.Esq{background-image:url('../imagens/seta-esquerda-branca.svg')} #Noticias .AlinhaBotao .Botao.Dir{background-image:url('../imagens/seta-direita-branca.svg');margin-left:10px} /*--- GALERIA ---*/ .ancora_wp {width: 4.5rem;height: 4.5rem;border-radius: 80px;background: #55cd6c;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);background-position: center center;position: fixed;background-repeat: no-repeat;right: 20px;bottom: 20px;transition: .3s;z-index: 50;cursor: pointer;background-size: 28px;background-image: url('../imagens/wp_fixo.svg')} /* ---------------- Noticias ---------------- */ /* ---------------- LandPage ---------------- */ #LandPage {background-color:#fff; float:left; width:100%; text-align: center;} #LandPage #Planos{margin-bottom:0px; margin-top:100px;} #LandPage .PlanosId {margin-bottom:0px; margin-top:100px;} #LandPage #Fibra{margin-bottom:0px;} #LandPage #FibraMobile{margin-bottom:0px;} #LandPage .TopoLand{width:100%; float:left; text-align: center; position:relative;} #LandPage .TopoLand > div{background-size: cover; background-position: center center; background-repeat: no-repeat; float:left; width:100%;} #LandPage .TopoLand .Banner1{height:33.33vw; position: relative; z-index:2;} #LandPage .TopoLand .Banner1.Mobile{display:none;} #LandPage .TopoLand .Banner2{height:25vw; position:relative;} #LandPage .TopoLand .Banner2.Mobile{height:107vw; display:none; background-color:#F2F2F2;} #LandPage .TopoLand .AlinhaForm{width:400px;position:absolute; right:18.5%; top:0px;} #LandPage .TopoLand .FormularioFlix{width:100%; background-color:#E52625; border-radius:0px 0px 15px 15px; padding:35px 25px 30px 25px; float:left;} #LandPage .FormularioFlix .TituloForm{width:100%; float:left; text-align: left; margin-bottom: 10px; font-weight:800; font-size: 30px; line-height:36px; color:#fff;} #LandPage .FormularioFlix .TextoIntroducao{width:100%; float:left; margin-bottom:5px; line-height:24px; font-size:16px; color:#fff; text-align: left;} #LandPage .FormularioFlix .AlinhaInputs{width:calc(100% + 14px); float:left; margin-left:-14px;} #LandPage .FormularioFlix .ContainerInput{margin-top:10px; float:left; width:calc(100% - 14px); margin-left:14px;} #LandPage .FormularioFlix .ContainerInput.tam2{width:120px;} #LandPage .FormularioFlix .ContainerInput.tam3{width:calc(100% - 148px);} #LandPage .FormularioFlix .ContainerInput .InputLabel{margin-bottom:0px; float:left; text-align: left; width:100%; color:#fff; font-size:16px; line-height:24px;} #LandPage .FormularioFlix .ContainerInput .InputText{background-color:#fff; border-radius:5px; font-size:16px; padding:0px 14px; height:40px; width:100%; float:left;} #LandPage .FormularioFlix .AlinhaEnviar{width:100%; float:left; display: flex; justify-content: center; margin-top:30px;} #LandPage .FormularioFlix .BotaoEnviar{width:195px; height:61px; float:left; background-color: #161616; color:#fff; border-radius:15px; font-size:16px; font-weight:600; text-transform: uppercase; cursor: pointer; transition: .2s;} #LandPage .FormularioFlix .BotaoEnviar:hover{background-color:#fff; color:#161616; border:1px solid #161616;} #LandPage .BotaoWppForm{margin-top:15px; width:100%; float:left; border-radius:15px; background-color:#26D367; display:flex; align-items: center; justify-content: center; height:85px; cursor:pointer; transition: .2s;} #LandPage .BotaoWppForm:hover{background-color: rgba(38, 211, 103,.8);} #LandPage .BotaoWppForm .DivIconeWpp{display:flex; justify-content: center; align-items: center; float:left; background-color:#fff; border-radius: 50%; width:45px; height:45px;} #LandPage .BotaoWppForm img{float:left;} #LandPage .BotaoWppForm .NumeroWpp{float:left; font-size:25px; color:#fff; font-weight: 500; margin-left:15px;} /* ---------------- LandPage ---------------- */ #TextoViabilidade{float: left;width: 100%;text-align: center;position: relative;z-index: 2;margin-top: 50px;} #TextoViabilidade span{font-size: 22px;font-weight: 500px;align-items: center;} /* politica de privacidade */ #PoliticaPrivacidade {width: 100%; display: flex; justify-content: center;} /* politica de privacidade */ /* NOVO - FLIX PLAY APP */ #AplicativoNovo {background: rgb(246,246,246);background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(170,168,168,1) 100%);} #AplicativoNovo .BannerApp {background-color: transparent;} .app-div {display:flex;position: relative;flex-direction:column;align-items: center;padding-left:40px} .app-barra-vermelha {position:absolute;top:0px;left:0px;width:40px;height:100%;background: rgb(79,16,16);background: linear-gradient(180deg, rgba(79,16,16,1) 0%, rgba(79,16,16,1) 100%);border-radius:0px 30px 5px 5px} .app-centraliza {display: inline-block;width: 100%;max-width: 1798px;text-align: center;padding: 0 50px;} .app-titulo {color:#ff0000;font-weight:800;font-size:40px;line-height:40px;margin-bottom:40px} .app-titulo-flix {color:#000;font-weight:800;font-size:30px;line-height:30px} .app-opcao-globo {display: flex;align-items: flex-start;justify-content: center;gap: 15px 28px;margin-top: 10px;margin-bottom:70px;flex-wrap:wrap} .app-opcao-globo div {display:flex;width:120px;height:120px;background-size:cover;} .app-opcao {display: flex;align-items: flex-start;justify-content: center;gap: 15px 28px;margin-top: 10px;margin-bottom:70px;flex-wrap:wrap} .app-opcao div {display: flex;align-items: center;justify-content: center;flex-direction: column;width:120px;gap:10px} .app-opcao div>div {display:flex;width:120px;height:120px;background-size:cover} .app-opcao div>p {font-weight:700;color:#000;font-size:14px} .app-opcao-flix-right {display:flex;background-image:url('../imagens/icones_play_novo/watch_tv/right.png');background-repeat:no-repeat;background-position:right top} .app-opcao-flix-left {display: flex;align-items: center;justify-content: center;margin-top: 10px;margin-bottom:70px;flex-wrap:wrap;gap:40px;background-image:url('../imagens/icones_play_novo/watch_tv/left.png');background-repeat:no-repeat;background-position:left bottom;padding:30px} .app-opcao-flix-left img {height:56px} @media screen and (max-width:1000px){ .app-div {padding-left:20px} .app-barra-vermelha {width:20px} .app-centraliza {padding: 0 14px;} .app-titulo {margin-bottom:20px;margin-top:40px} .app-titulo-flix {font-size:26px;line-height:26px;margin-bottom:20px;margin-top:40px} .app-opcao-globo {margin-bottom:40px} .app-opcao {margin-bottom:40px} .app-opcao-flix-left {gap:20px 40px;margin-bottom:40px} .ConteudoApp {margin-top:40px} } @media screen and (max-width:600px){ .app-titulo {font-size:26px;line-height:26px} .app-opcao-globo {gap:10px;margin-bottom:20px} .app-opcao {gap:10px;margin-bottom:20px} .app-opcao-flix-left {gap:15px 25px;margin-bottom:20px;padding:10px} .app-opcao-globo div {width:106px;height:106px} .app-opcao div {width:106px} .app-opcao div>div {width:106px;height:106px} .app-opcao div>p {font-size:13px} .app-opcao-flix-left img {height:40px} } /* FIM NOVO - FLIX PLAY APP */ /* NOVO FAQ */ .FaqBanner {display:flex;width:100%;background-image:url('../imagens/faq-banner.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;aspect-ratio: 16 / 4.167;flex-direction: column;align-items: center;justify-content: center;gap:25px;min-height:320px;padding:30px} .FaqBanner>span:nth-of-type(1) {font-size:20px;line-height:19px;font-weight:600;color:#FFF;text-transform:uppercase} .FaqBanner>span:nth-of-type(2) {font-size:50px;line-height:60px;font-weight:800;color:#FFF;margin-top:-20px} .FaqBanner>label {display: flex;align-items: center;background-color: #FFF;border-radius: 10px;margin-bottom: 0px;height: 52px;width: 100%;max-width: 800px;justify-content: space-between;gap:10px;padding:0px 15px;min-height:46px} .FaqBanner>label>input {border:0px;border-radius:10px;flex:1;font-size:16px} .FaqBanner>label>span {background-image:url('../imagens/faq-busca.svg');background-repeat:no-repeat;background-position:center;width: 30px;height: 30px;border-radius:10px;cursor:pointer} .FaqBanner>div {display:flex;gap:10px 20px;align-items: center; flex-wrap: wrap;justify-content: center;} .FaqBanner>div>a {font-size:16px;font-weight:600;color:#710002;background-color:#FFF;border:1px solid #FFF;border-radius:10px;padding:2px 12px;text-transform:uppercase;line-height:24px;cursor:pointer;min-width:fit-content} .FaqBanner>div>a:hover {background-color:transparent;color:#FFF} .FaqTextoPrincipal {display:flex;flex-direction: column;margin-top: 70px;gap:10px;align-items: center;font-size:16px} .FaqTextoPrincipal>span:nth-of-type(1) {font-size:40px;line-height:50px;font-weight:800;color:#161616} .FaqTextoPrincipal>span:nth-of-type(2) {max-width:900px;text-align:center} .FaqTopico {display:flex;width:100%;gap:10px;margin-top:30px;flex-wrap:wrap} .FaqTopico>a {display:flex;width:calc(20% - 8px);background-color:#F2F2F2;border-radius:15px;height:180px;background-repeat:no-repeat;background-position: 30px calc(100% - 65px);padding:25px 30px;justify-content: flex-start;align-items: flex-end;cursor:pointer;background-size:37px} .FaqTopico>a:hover {box-shadow: rgba(99, 99, 99, 0.5) 0px 1px 8px 0px;background-color:#FFF} .FaqTopico>a>span { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;font-size: 16px;font-weight: 500;text-align:left} .FaqTopico>div {display:flex;width:100%;background-color:#F2F2F2;border-radius:15px;height:180px;padding:25px 30px;text-align:center;align-items: center;justify-content: center;flex-direction: column;font-size:17px} .FaqBannerDetalhes {display:flex;width:100%;background-color:#E8E7E7;flex-direction: column;align-items: center;justify-content: center;gap:15px;padding:20px 10px 0px 10px} .FaqBannerDetalhes>div {display:flex;flex-direction:column;gap:15px;align-items:flex-start} .FaqBannerDetalhes>div>span:nth-of-type(1) {font-size:19px;line-height:25px;font-weight:800;color:#161616;margin-top:30px} .FaqBannerDetalhes>div>label {display: flex;align-items: center;background-color: #FFF;border-radius: 10px;height: 52px;width: 100%;justify-content: space-between;gap:10px;padding:0px 15px;min-height:46px;border:1px solid #D5D5D5;margin-bottom:-26px} .FaqBannerDetalhes>div>label>input {border:0px;border-radius:10px;flex:1;font-size:16px} .FaqBannerDetalhes>div>label>span {background-image:url('../imagens/faq-busca.svg');background-repeat:no-repeat;background-position:center;width: 30px;height: 30px;border-radius:10px;cursor:pointer} .FaqDetalhes {display:flex;flex-direction:column;float:left;align-items: flex-start;text-align:left;max-width:800px;font-size:16px;line-height:19px} .FaqDetalhes>span:first-child {font-size:40px;line-height:50px;font-weight:800;color:#161616;margin-bottom:40px} @media screen and (max-width:1050px){ .FaqTopico>a {width:calc(33.33% - 7px);height:160px} .FaqTextoPrincipal {margin-top:40px} } @media screen and (max-width:750px){ .FaqBanner {min-height:auto;padding:40px 20px} .FaqBanner>span:nth-of-type(2) {font-size:30px;line-height:40px} .FaqTextoPrincipal>span:nth-of-type(1) {font-size:30px;line-height:40px} .FaqTextoPrincipal>span:nth-of-type(2) {font-size:17px} .FaqTopico>a {width:calc(50% - 7px);height:auto;background-position: center 15px;padding:65px 15px 18px 15px} .FaqTopico>a>span {font-size:17px;text-align:center;text-overflow: unset;overflow: unset;white-space: unset;line-height:18px} .FaqBannerDetalhes>div>span:nth-of-type(1) {margin-top:10px} .FaqDetalhes {font-size:17px} .FaqDetalhes>span:first-child {font-size:30px;line-height:40px;margin-bottom:20px} } @media screen and (max-width:380px){ .FaqTopico>a {width:100%;height:110px;background-position: center calc(100% - 55px)} } /* FIM NOVO FAQ */ /* Media Query */ @media screen and (max-width:1800px){ #AplicativoNovo .ConteudoApp .DetalheLateral{left:-10px;} } @media screen and (max-width:1700px){ #LandPage .FormularioFlix .ContainerInput{margin-top:5px;} #LandPage .FormularioFlix .ContainerInput .InputText{height:40px; border-radius:5px;} #LandPage .FormularioFlix .ContainerInput .InputLabel{margin-bottom:5px; font-size:15px;} #LandPage .FormularioFlix .BotaoEnviar{font-size:15px; height:50px;} #LandPage .BotaoWppForm{height:68px;} /* #Indique {background-size: 45%;background-position: 150px bottom;}*/ #AplicativoNovo .ConteudoApp .DetalheLateral{left:-20px;} } @media screen and (max-width: 1600px) { #AplicativoNovo .AlinhaApps .ColunaApps .ListagemApps{gap:5px;} } @media screen and (max-width: 1400px) { #Comentarios .centralizar-blocos {width: 100%; margin-left: 0} #Comentarios .bloco {width: calc(100% - 40px)} #Indique .Bloco img {width:auto} } @media screen and (max-width: 1300px) { /* #Indique {background-size: 55%;background-position: 50px bottom;}*/ #Topo .div-menu {display: none} #Topo .div-menu-mobile {display: flex} #Topo .logo {height: 40px} #Topo {height: 72px;box-shadow: none !important;} .PlanosId {margin-top:-10px} /* .PlanosId .centralizar-site{display:none} */ .PlanosId .centralizar-site.DivPlanos{display:flex; flex-direction: column; align-items: center;} /* .PlanosId .blocosHome{width:100%;} */ .PlanosId .DivPlanos .slick-list{padding-top:0px !important; width: 100%;} .iconeLogoEnd{margin-bottom: 50px;} } @media screen and (max-width: 1284px) { /* #TopoNovo .centralizar2 {margin-left:65px} */ } @media screen and (max-width: 1240px) { #QuemSomos .div-imagem {display: none} #QuemSomos .div-imagem-mobile {display: inline} #QuemSomos .div-imagem-mobile {display: inline} #QuemSomos .quadro-icone {right: 0; top: 210px} #QuemSomos .contexto {width: 100%; margin-left: 0; text-align: center} #QuemSomos .div-botao-mobile {float: none !important; display: inline-block !important; width: 100%; max-width: 195px; text-align: center} #Rodape .bloco1 {width: 50%} #Rodape .bloco2 {width: 50%} #Rodape .bloco3 {width: 50%; padding-left: 0; margin-top: 60px} #Rodape .bloco4 {width: 50%; margin-top: 60px} #Rodape .bloco5 {width: 100%; padding-left: 0; margin-top: 60px} #Duvidas .ImgDuvida{width:100%; margin-top:30px;display:none;} #Duvidas .ImgDuvida img{position: static; float:left; max-width:700px;} #Duvidas .CabecalhoDuvidas{max-width:auto;width:100%;} /* #Indique .alinha_conteudo .logo_indique,#Indique .separacao{display: none;} */ #Indique .centralizar-site3{padding-bottom: 30px;} } @media screen and (max-width: 1190px) { .home {background-color: var(--white-color); box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08)} #Banners {margin-top: 0} #Banners .seta-left {display: none} #Banners .seta-right {display: none} #BannerPlanoVelocidadeMobile {margin-top: 0} #BannerPlanoVelocidadeMobile .seta-left {display: none} #BannerPlanoVelocidadeMobile .seta-right {display: none} .PlanosId .blocos {width: calc(50% - 40px)} .PlanosId .blocos-home {width: calc(33.3% - 40px) !important} #FibraMobile .blocos {width: calc(50% - 40px)} #FibraMobile .blocos-home {width: calc(33.3% - 40px) !important} .centralizar-site2{height:auto !important} .centralizar-site3{height:auto !important} #Duvidas .CabecalhoDuvidas{margin-top:0px;} #Duvidas .CabecalhoDuvidas .T1{margin-top:20px !important;margin-bottom:20px} #Duvidas .CabecalhoDuvidas .T2{margin-bottom:10px} #Duvidas .Duvida .NomeDuvida{width:calc(100% - 50px)} #Duvidas .ListaDuvidas{margin-top:40px;} #FibraMobile {display:inline; margin-top:0px; margin-bottom:380px; padding-top:70px; margin-top:-58px;} #Fibra {display:none} #QuemSomos{margin-top:50px;} .PlanosId .blocosHome {height:630px} } @media screen and (max-width:1150px){ #LandPage .TopoLand .Banner1{height:auto; background-size:100vw auto; background-color:#F2F2F2;background-position: center top;} #LandPage .TopoLand {background-color:#F2F2F2;} #LandPage .TopoLand .Banner1{display:none;} #LandPage .TopoLand .Banner1.Mobile{display:block;} #LandPage .TopoLand .Banner2{display:none;} #LandPage .TopoLand .Banner2.Mobile{display:block; background-size:cover; margin:50px 0px;} #LandPage .TopoLand .AlinhaForm{width:100%; float:left; position: relative;margin-top:70vw; right: auto;} #LandPage .TopoLand .FormularioFlix{padding:35px 25px 30px 25px; border-radius:15px;} #LandPage .FormularioFlix .TituloForm{line-height:29px; font-size:25px;} #LandPage .FormularioFlix .ContainerInput.tam2{width:calc(100% - 14px);} #LandPage .FormularioFlix .ContainerInput.tam3{width:calc(100% - 14px);} } @media screen and (max-width: 1136px) { #Comentarios .seta-left {left: -40px} #Noticias .Conteudo {width:100%} #Noticias .Lateral {float:left; width:100%; margin-left:0px; margin-bottom:40px} } @media screen and (max-width: 1050px) { #NossosServicos .titulo-mobile {display: none} #NossosServicos .quadro-icone {display: none} #NossosServicos .quadro-icone-mobile {display: inline} #NossosServicos .conteudo {width: 100%; padding-left: 0} #NossosServicos .bloco {min-height: auto; margin: 0 0 40px 0; width: 100%} #NossosServicos .bloco-home {margin: 0 0 0 40px; width: calc(100% - 40px); min-height: 0px} #NossosServicos .min-height-auto {min-height: auto !important} #NossosServicos .centralizar-blocos {width: 100%; margin: -190px 0 0 0} #NossosServicos .centralizar-blocos-home {width: calc(100% + 40px); margin: -190px 0 0 -40px} #NossosServicos .background {margin-top: 150px} #NossosServicos .margin-bloco {margin-top: 60px} #NossosServicos .servicos-desktop {display: none} #NossosServicos .servicos-mobile {display: inline} /*#NossosServicos .setas-home {display: inline-block !important}*/ #Comentarios .titulo {width: 100%} #Comentarios .setas {display: none} #Comentarios .seta-mobile {display: inline-block !important} #Comentarios {padding: 40px 0} #Comentarios .depoimento-none {display: none} #Comentarios .depoimento-mobile {display: inline} .font49 {font-size: 33px; line-height: 41px} .font33 {font-size: 25px; line-height: 29px} .font29 {font-size: 25px; line-height: 30px} #Parceiros .centralizar-blocos-home{width:calc(100% + 20px);margin-left:-20px} } @media screen and (max-width:1020px){ #TopoNovo .menu {margin-left:80px} } @media screen and (max-width:1000px){ #AplicativoNovo .ConteudoApp{padding-bottom:70px; padding-left: 0px;} #AplicativoNovo{margin-bottom:-63px;} #AplicativoNovo .TituloApp{font-size:30px; line-height:40px;} #AplicativoNovo .AlinhaApps{gap:20px; flex-direction: column;} #AplicativoNovo .AlinhaApps .ColunaApps .ListagemApps{gap:20px;} #AplicativoNovo .AlinhaApps .ColunaApps{width: 100%;} #AplicativoNovo .AlinhaApps .ColunaApps:first-child{padding:0px;} #AplicativoNovo .AlinhaApps .ColunaApps:last-child{padding:0px;} #AplicativoNovo .ConteudoApp .DetalheLateral{display: none;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(odd) .Textos{padding:0px; text-align: center;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(even) .Textos{padding:0px; text-align: center;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(odd) .Textos{padding:0px; text-align: center;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(even) .Textos{padding:0px; text-align: center;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(odd){flex-direction: column;} #AplicativoNovo .ColunaApps:last-child .ListagemApps .ItemListagem:nth-child(even){flex-direction: column;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(odd){flex-direction: column;} #AplicativoNovo .ColunaApps:first-child .ListagemApps .ItemListagem:nth-child(even){flex-direction: column;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Icone{margin-bottom: 10px;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem{align-items:center; width:100%;} #AplicativoNovo .ColunaApps .ListagemApps .ItemListagem .Textos{width: 100%;} #AplicativoNovo .AlinhaBotao .BotaoFacaLogin{width:100%; height:auto; font-size:20px; padding:10px 0px; border-radius:13px;} #AplicativoNovo .AlinhaApps{margin-bottom:40px;} .container_branco{padding: 15px 20px;} .linha_inputs{flex-direction: column;gap: 15px;} .tam1{width: 100%;} #blip-chat-container {height: 0;} .iconeLogoEnd {width: 170px;margin-bottom: 20px;} .PlanosId .blocosHome {height:700px} .planos-slick-titulo {font-size:40px !important} } @media screen and (max-width: 940px) { #Contato .formulario {width: 100%} #Contato .div-quadro {display: none} #Contato .contato-mobile {display: inline} .margin-bottom {margin-bottom: 20px} #Cobertura .BlocoMapa {width:500px} #Cobertura .BlocoInfos {width:calc(100% - 520px); margin-right:20px} #Cobertura .ContMapa svg {transform: scale(0.8)} /* #Indique {background-image: unset} #Indique .Bloco{width:100%;max-width:unset} #Indique .Bloco .Campo {width: calc(50% - 10px);margin-left: 10px;} #Indique .Bloco .T3 {display:block} */ #Indique .logo_indique {display:none} #Indique .logo_indique-mobile {display:inline} #Indique .alinha_conteudo {flex-direction:column} #Indique .Bloco {width:100%;margin-top:0px} #Indique .BlocoMobile{display:flex;margin-bottom: 30px;} #Indique .Bloco .T1.BlocoPc{display:none} #Indique .Bloco .T3.BlocoPc{display:none} #Aplicativos .Imagens {margin-left:20px; margin-bottom:25px} #Aplicativos .Imagens img {width:80px} #Aplicativos .SubTitulos .Conteudo {font-size:20px} #Aplicativos .Titulos .Conteudo {font-size:34px; padding:8px 40px} .planos-slick-titulo {text-align:center} } @media screen and (max-width: 850px) { #Parceiros .bloco {width: calc(33.3% - 40px)} #BannerSecundario {display:none} #BannerSecundarioMobile {display:inline-block; padding-top: 70px} #BannerSecundarioMobile .seta-mobile {display: inline-block !important} } @media screen and (max-width: 820px) { .PlanosId .titulo-principal {width: 100%} #FibraMobile .titulo-principal {width: 100%} #FibraMobile .setas {display: none} #FibraMobile .seta-mobile {display: inline-block !important} .margin-planos {margin-top: 600px !important} .seta-mobile2 {display: inline-block !important;} #LandPage .PlanosId{margin-bottom:80px; margin-top:60px;} #LandPage{padding-bottom:80px;} #AplicativoNovo{margin-bottom:-89px;} .PlanosId .setas{width:45px; height:45px;} .PlanosId .setas.direita{right:8px} .PlanosId .setas.esquerda{left:8px} #TextoViabilidade span {font-size: 16px;} } @media screen and (max-width: 800px) { .PlanosId .centralizar-blocos {width: 100%; margin-left: 0} .PlanosId .blocos {width: 100%; margin: 0 0 40px 0} .PlanosId .blocos-home {width: calc(33.3% - 40px) !important; margin: 0 0 40px 40px !important} #FibraMobile .centralizar-blocos {width: 100%; margin-left: 0} #FibraMobile .blocos {width: 100%; margin: 0 0 40px 0} #FibraMobile .blocos-home {width: calc(33.3% - 40px) !important; margin: 0 0 40px 40px !important} #Cobertura .BlocoGeral {flex-direction: column;} #Cobertura .BlocoMapa {width:100%;margin-bottom: 50px;} #Cobertura .BlocoInfos {width:100%; margin-right:0px; max-width:unset; margin-top:-20px} #Cobertura .ContMapa {margin-top:-20px} #Cobertura .ContMapa svg {transform: scale(0.84)} #AplicativoNovo .BannerApp .mobile{display:block} #AplicativoNovo .BannerApp .desktop{display:none} #AplicativoNovo .BannerApp.DivBannersMobile{display:block} #AplicativoNovo .BannerApp.DivBanners{display:none} .PlanosId .blocosHome {height:570px} } @media screen and (max-width: 710px) { #QuemSomos .div-palavra-mobile {float: left; width: 100%; margin-top: 20px} #QuemSomos .palavra-mobile {width: 10%} #QuemSomos .div-botao-mobile {width: 90%} } @media screen and (max-width:700px){ #Noticias .SubTitulo {font-size:23px; line-height:32px} #Aplicativos {padding-top:60px} #Aplicativos .Titulos {margin-bottom:70px} #Aplicativos .Titulos .Conteudo {font-size:30px; padding:10px 25px} } @media screen and (max-width: 650px) { #Rodape .redes-mobile {display: none} #Rodape .redes-sociais-mobile {display: inline;width:120px} #Rodape .bloco1 {width: calc(100% - 120px); padding-top: 0} #Rodape .bloco2 {width: 100%; margin-top: 40px} #Rodape .bloco3 {width: 100%; margin-top: 40px} #Rodape .bloco4 {width: 100%; padding-left: 0; margin-top: 40px} #Rodape .bloco5 {margin-top: 40px} .PlanosId .blocosHome {height:600px} } @media screen and (max-width: 600px) { #Banners {display: none} #BannerMobile {display: inline} #BannersPlanoVelocidade {display: none} #BannerPlanoVelocidadeMobile {display: inline} #Corpo .ColunasList.Col1 {display:none} #Corpo .ColunasList.Col2 {display:none} #Corpo .ColunasList.Col3 {display:none} #Corpo .ColunasList.Col4 {display:none} #Corpo .ColunasList.ColMob {display:inline} #Corpo .Linhas {float:left; width:100%; margin-bottom:7px; font-size:14px; text-align:left} #Corpo .Linhas img {width:15px; height:auto} #Noticias .Destaque {display:none} #Noticias .DestaqueMobile {padding:20px;display:flex} #Noticias .DestaqueMobile .TituloP {font-size:18px; line-height:28px} #Noticias .DestaqueMobile .DataP {font-size:16px} #Noticias .Titulo {font-size:18px; line-height:28px} #Noticias .Data {font-size:16px} #Indique .Bloco .Campo {width: 100%;margin-left:0px;} #Duvidas .AlinhaBotao {justify-content: space-evenly;flex-direction: column;align-items: center;} #Duvidas .BotaoBoleto.textoduplo{margin-bottom:10px} #Duvidas .BotaoBoleto{margin-right:0px} .PlanosId .blocosHome {height:650px} .planos-slick-titulo {font-size:35px !important;text-align:center} } @media screen and (max-width: 590px) { #Parceiros .centralizar-blocos {width: calc(100% + 20px); margin-left: -20px} #Parceiros .bloco {width: calc(33.3% - 20px); margin: 0 0 20px 20px} #Aplicativos .Titulos .Conteudo {font-size:28px; line-height:34px} #Aplicativos .Titulos {margin-bottom:60px} } @media screen and (max-width:580px){ #Noticias .CapaVideo {height:320px} } @media screen and (max-width: 500px) { .PlanosId{margin-top:-40px} .PlanosId .centralizar-blocos-home {width: 100%; padding:0px 20px;} .PlanosId .blocos {width: calc(100% - 40px)} .PlanosId .blocos-internas {width: 100% !important} .PlanosId .seta-left {left: 60px;} .PlanosId .seta-right {right: 60px;} .PlanosId .max-width {max-width: 320px} .PlanosId .DivPlanos .slick-list {padding-top: 30px !important} #FibraMobile .centralizar-blocos-home {width: 100%; padding:0px 20px;} #FibraMobile .blocos {width: calc(100% - 40px)} #FibraMobile .blocos-internas {width: 100% !important} #FibraMobile .seta-left {left: 60px;} #FibraMobile .seta-right {right: 60px} #FibraMobile .max-width {max-width: 320px} #FibraMobile .DivPlanos .slick-list {padding-top: 30px !important} #Parceiros .setas {display: none} /*#Parceiros .seta-mobile {display: inline-block !important}*/ #Parceiros .bloco {width: calc(50% - 20px)} .margin-top-3 {margin-top: 60px} #Comentarios .bloco {margin-left: 20px; margin-right: 20px; width: calc(100% - 40px)} #NossosServicos .bloco-home {min-height: 0px} #Cobertura .ContMapa {margin-top:0px} #Cobertura .ContMapa svg {transform: scale(1.0)} .Modal {padding: 10px 0 0 0 !important} .CampoFormulario {width:100%;margin-right:0px} .CampoFormulario2 {width:100%} .CampoEndereco{width:60%;margin-right:10px} .CampoNum{width: calc(40% - 10px);margin-right:0px} .PlanosId .blocosHome {height:740px} .planos-slick-titulo {margin-top:40px} } @media screen and (max-width:950px){ #TopoNovo .centralizar {height:70px;justify-content:flex-end} #TopoNovo .centralizar>a>img {height:40px} #TopoNovo .logo {top: 15px} #TopoNovo .menu {display:none} #TopoNovo .menu-mobile {display: flex} #TopoNovo .submenu {display: none} #MenuMobile .background {padding:15px;padding-bottom:0px} } @media screen and (max-width: 400px) { #Comentarios .seta-mobile {position: relative; height: 130px} #Comentarios .seta-left-mobile {top: 0} #Comentarios .seta-right-mobile {top: 0} .PlanosId .seta-left {left: 20px} .PlanosId .seta-right{right: 20px} .PlanosId .blocos {padding: 40px 16px} #FibraMobile .seta-left {left: 20px} #FibraMobile .seta-right{right: 20px} #FibraMobile .blocos {padding: 40px 16px} #Cobertura .ContMapa {margin-top:20px} #Cobertura .BlocoInfos {margin-top:10px} #Cobertura .ContMapa svg {transform: scale(1)} .PlanosId .blocosHome {height:815px;margin:0 10px 40px 10px} } @media screen and (max-width:380px){ #Noticias .Compartilhar {font-size:18px} #Noticias .Compartilhar img {width:30px} #Paginacao .botoes{width:42px; height:42px;} } @media screen and (max-width: 377px) { #Comentarios .seta-left-mobile {left: 30px} #Comentarios .seta-right-mobile {right: 30px} .PlanosId .seta-left {left: 30px} .PlanosId .seta-right{right: 30px} #FibraMobile .seta-left {left: 30px} #FibraMobile .seta-right{right: 30px} } #Banner .slick-dots li { /* position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; top:-20px; */ display: none; } #Banner .slick-dots li button { /* font-size: 0; line-height: 0; padding:0; display: block; width: 12px; height: 12px; cursor: pointer; color: transparent; border: 0; outline: none; background-color:#E52625; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; */ display: none; } #Banner .slick-dots li.slick-active button:before { /* content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; color: transparent; border:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#000; */ display: none; } /* #BannerSecundarioMobile .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; top:-20px; } #BannerSecundarioMobile .slick-dots li button { font-size: 0; line-height: 0; padding:0; display: block; width: 12px; height: 12px; cursor: pointer; color: transparent; border: 0; outline: none; background-color:#E52625; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } #BannerSecundarioMobile .slick-dots li.slick-active button:before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; color: transparent; border:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#000; } */ /*=================================*/ #NossoServicosHome .slick-dots li { position: relative; display:inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; top:-150px; left:0; z-index:2; } #NossoServicosHome .slick-dots li button { font-size: 0; line-height: 0; padding:0; display: inline-block; width: 12px; height: 12px; cursor: pointer; color: transparent; border: 0; outline: none; background-color:#DFDFDF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; top:0; left:0; z-index:2 } #NossoServicosHome .slick-dots li.slick-active button:before { content: ''; position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; color: transparent; border:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#14B0CC; z-index:1 } @media screen and (max-width:630px) { #NossoServicosHome .slick-dots li { top:-206px; } } @media screen and (max-width:500px) { #NossoServicosHome .slick-dots li { top:-170px; } } @media screen and (max-width:420px) { #NossoServicosHome .slick-dots li { top:-140px; } }