q3ci‹¤fq¦;iÇPql|´Accept-Encoding,User-Agent$§ÖBb9@š™æ/ô KEY: https://vivauto.coop.br/css/style.css HTTP/1.1 200 OK Date: Fri, 12 Dec 2025 05:21:53 GMT Server: Apache Last-Modified: Fri, 26 Jul 2024 20:01:15 GMT Accept-Ranges: bytes Content-Length: 14314 Cache-Control: max-age=2592000 Expires: Sun, 11 Jan 2026 05:21:53 GMT Vary: Accept-Encoding,User-Agent Connection: close Content-Type: text/css /* style.css */ /* 1. header /* 2. footer /* 3. menu /* 4. home /* 5. Sobre Nos /* 6. Produtos /* 7. Contato */ :root { --primary-color: #1111da; /* azul */ --secondary-color: #0a0a57; /* azul escuro */ --background-gray: #f2f2f2; /* cinza */ } /* Import das fontes */ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap"); body { margin: 0; padding: 0; color: #333; font-family: "Livvic", sans-serif; } .bg-primary { background-color: var(--primary-color) !important; } .text-primary { color: var(--primary-color) !important; font-family: "Livvic", sans-serif; } p { font-family: "Livvic", sans-serif; } .cover-background { background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; background-position: center center !important; } .full-screen, .mobileoff-fullscreen-top-space, .fullscreenabanner { } /* 1. header */ header { } /* 2. footer */ footer { background-color: var(--primary-color); } footer a.footer-link { color: #ffffff; /* or simply "white" */ text-decoration: none; /* optional, to remove the underline */ } .rodape { background-color: var(--primary-color) !important; } a.footer-link { font-family: "Montserrat", sans-serif !important; color: #ffffff !important; } .info p { line-height: 0.4 !important; } /* 3. menu */ a.nav-link { /* font-family: "Montserrat", sans-serif; */ color: #ffffff; font-size: 16px; font-weight: 500; } /* 4. home */ .bg-banner { background-color: var(--primary-color); } h2 { font-family: "Livvic", sans-serif; font-size: 2.4em !important; font-weight: bolder; } .texto-banner { top: 50px; left: 50px; } .texto-banner p { font-family: "Livvic", sans-serif; color: #ffffff; } .texto-banner a.btn { font-family: "Livvic", sans-serif; font-size: 16px; color: #000000; padding: 10px 45px; background-color: #ffffff; border-radius: 25px; } .h3-banner { font-size: 2.2rem; font-family: "Livvic", sans-serif; color: white; font-weight: bold; } .sub-tit-banner { font-size: 2.2rem; font-family: "Livvic", sans-serif; color: white; } p.sub-tit { font-size: 1.3em; font-family: "Livvic", sans-serif; } p.texto { font-size: 1.25em; font-family: "Livvic", sans-serif; } .img-conheca { top: -90px; right: -100px; z-index: 1; } p.sub-tit-coberturas { font-size: 1rem; } ul.list-inline { justify-content: center; } ul.list-inline li.item-coberturas { width: 20% !important; margin: 0 !important; text-align: center; } .texto p { text-align: center; font-size: 1.25rem; } .text-bold { font-weight: bold !important; } p.depoimento { font-size: 1rem; color: #1111da; font-family: "Livvic", sans-serif; font-style: italic; } p.nome-depoimento { font-size: 1.2rem; font-weight: bold; font-family: "Livvic", sans-serif; color: #1111da; } .link-depo { background-color: #1111da !important; padding: 10px 45px !important; font-size: 16px !important; color: #ffffff !important; border-radius: 25px !important; text-decoration: none !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { top: 35px !important; } .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 35px !important; left: 50px !important; } .card { border: 0px !important; background-color: transparent !important; } .card-header { border: #1111da 1px 0px; } .card-noticias { border: none !important; } .card-img-top { box-shadow: #1111da -6px 6px; border-radius: 12px; } h5.card-title { font-size: 0.9rem; line-height: 0; } .tit-noticia { font-size: 1.25rem; font-weight: bold; line-height: 1; margin-bottom: 0.5rem !important; } .excerpt { font-size: 1rem; line-height: 1; } .link-mais-noticias { background-color: #1111da !important; padding: 10px 45px !important; font-size: 16px !important; color: #ffffff !important; border-radius: 25px !important; } .link-mais-noticias:hover { text-decoration: none !important; } /* Sobre nos*/ .sobre-nos { padding-top: 10% !important ; } p.banner-sobre { font-size: 1.25rem; } .number-item { background-color: #ffffff; border-radius: 12px; padding: 60px 0px 20px 0px; height: 100%; } .img-numbers { top: -30px; left: 35%; } p.number-texto { font-size: 1.25rem; padding: 0 10px; } /* Produtos*/ p.banner-prod { font-size: 1.5rem; } .assist-item { background-color: #f1f1f1; border-radius: 12px; padding: 65px 3px 0px 3px; height: 210px; } .assist-item h4.text-primary { font-size: 1.4rem !important; } .img-assist { top: -30px; left: 35%; } /* Contato */ .info-contato { padding: 80px 0; } .caixa-info { border: #d2d2d2 1px solid; border-radius: 15px; justify-content: flex-start; } .list-group-item-inf { border-bottom: #d2d2d2 1px solid; padding: 15px 5px; font-size: 1.2rem; } .form-cotacao { border-radius: 20px; } p.subtit-form { font-size: 1rem; text-align: center; width: 55%; font-weight: bold; justify-content: center; } .form-control { background-color: var(--background-gray) !important; border-radius: 12px !important; border: none; } .form-group label { font-family: "Livvic", sans-serif; font-weight: 600; } textarea.form-control { height: 215px; } .send-form { padding: 2px 40px; border-radius: 15px; } .full-screen-contato-form { height: 840px; } @media (max-width: 768px) { .full-screen { } .text-mobile-center { text-align: center !important; } .mobile-h-70vh { height: 70vh !important; } .info { text-align: center; } .social-media { margin-bottom: 3rem; } .about-text { text-align: center !important; } div#navbarSupportedContent { z-index: 2; background-color: #ffffff; padding: 20px; } ul.navbar-nav { margin-bottom: 1rem; } .info p { line-height: 1 !important; } img.position-absolute { position: relative !important; } img.img-conheca { top: 0 !important; left: 0px !important; width: 310px !important; } ul.list-inline li.item-coberturas { width: 100% !important; } .box { position: relative; } .w-50 { width: 100% !important; } .align-items-stretch { position: relative; } .protecao { top: 0px !important; } section.jumbotron { background-repeat: no-repeat; } p.banner-sobre { font-size: 1rem; } .numbers { flex-direction: column; } .img-numbers { top: -30px; } .numbers .col-md-3 { height: 200px; } .number-item { padding: 10px; height: fit-content; } h4.text-primary { top: 0; } .assist { flex-direction: column !important; top: 0 !important; } .assist-item { padding: 0; height: 185px; margin-bottom: 50px; } .img-assist { top: -40px; left: 39%; } .info-contato { flex-direction: column-reverse; } .mapa { margin-top: 20px; } p.subtit-form { width: 90%; } .full-screen-contato-form { height: 1080px; } } nav.navbar { height: 85px; width: 100%; padding: 0; } .bg-light { background-color: #ffffff !important; } .pwrcrmform { max-width: 100% !important; } .bg-gray { background-color: #e9ecef; } .fullscreen { height: 100vh; } .swipper-arrow { background-color: #e9ecef; padding: 5px 10px; border-radius: 25px; margin: 1px; } .swiper-container { width: 100%; height: 100%; padding: 20px 0; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; height: auto; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 45px; } .swiper-pagination-bullet { background: #e9ecef; vertical-align: middle; border-radius: 100%; display: inline-block; height: 12px; margin: 0 7px; width: 12px; border: 2px solid #e9ecef; outline: none; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #232323; } .swiper-pagination-bullets { width: 100%; left: 0; } .swiper-pagination-custom { bottom: 0; } /* slides auto slide */ .swiper-container.swiper-auto-slide { width: 100%; height: 100%; } .swiper-container.swiper-auto-slide .swiper-slide { width: auto; } .swiper-container.swiper-auto-slide .swiper-slide:nth-child(2n) { width: auto !important; } .swiper-container.swiper-auto-slide .swiper-slide:nth-child(3n) { width: auto !important; } .item-depoimento { width: 100%; } .link-depo { color: #007bff; text-decoration: none; } .swiper-pagination-bullet-active { background-color: #1111da !important; border-color: #1111da !important; } .btn { text-decoration: none !important; } .btn :focus { outline: none; } .padding-bottom-80px { padding-bottom: 80px; } .height-600px { height: 600px; } .border-radius-0 { border-radius: 0px; } /* page loading */ @keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loading { position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; } .loading::after { background: none; content: "" !important; position: absolute; left: calc(50% - 10px) !important; top: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .loading:before { content: ""; background-color: rgba(255, 255, 255, 0.8) !important; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; } .loading.dark:before { background-color: rgba(0, 0, 0, 0.8) !important; } .loading.dark::after { border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7); } .page-loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 1) !important; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99999; } .page-loader::after { background: none; content: "" !important; position: absolute; left: calc(50% - 25px) !important; top: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .grid-loading { overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; } .grid-loading::after { background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .grid-loading:before { content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; } .grid-loading .grid-item { visibility: hidden; } .grid-loading li.grid-item { overflow: hidden; opacity: 0; } /* scroll to top */ .scroll-top-arrow, .scroll-top-arrow:focus { background: #fff; font-size: 17px; line-height: 34px; box-shadow: 0 0 25px rgba(23, 23, 23, 0.25); display: none; height: 34px; width: 34px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; bottom: 45px; z-index: 1029; border-radius: 100%; text-decoration: none; color: #1111da; } .scroll-top-arrow:hover { background: #fff; color: #828282; box-shadow: 0 0 30px rgba(23, 23, 23, 0.4); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .text-align-start { text-align: start; } .bullets-banner { bottom: 0; z-index: 1; display: flex; justify-content: center; margin: 15px 0; overflow: hidden; } .bullets-banner .swiper-pagination-bullet { background-color: transparent !important; } .bullets-banner .swiper-pagination-bullet-active { background-color: white !important; } .lost-full { min-height: 550px; } .min-h-100 { min-height: 100% !important; } .size-lost { font-size: 4.5rem !important; } a.navbar-brand { padding: 15px; } button.navbar-toggler { margin: 15px; border: 1px solid #0a09df !important; color: #0a09df !important; } span.navbar-toggler-icon { color: #0a09df !important; } .bg-bluauto { background-color: #0a09df !important; } .margin-top-75px { margin-top: 75px; } .color-primary { color: #1111da; } .file-card { border: 2px solid #1111da; border-radius: 50px; padding: 20px; } .overflow-hidden { overflow: hidden; } .mapa iframe { width: 95%; border-radius: 25px; }