:root { --cinza: #646464; --cinza-claro: #F8F8F8; --dourado: #f1c40F; --dourado-claro: #ffeda3; --dourado-escuro: #b18e04; --laranja: #e96b00; --laranja-claro: #fef3ea; --laranja-escuro: #b55605; --magento: #FF3A53; --magento-claro: #ffd6da; --magento-escuro: #D02E43; --purpura: #D807A4; --purpura-claro: #ff93e4; --purpura-escuro: #B50689; --roxo: #8f44ad; --roxo-claro: #edc4ff; --roxo-escuro: #6D3485; --verde: #81b000; --verde-claro: #b8df49; --verde-escuro: #5f8003; --verde-limao: #00ce6c; --verde-limao-claro: #9bffce; --verde-limao-escuro: #006d38; --vermelho: #e00000; --vermelho-claro: #ffd3d3; --vermelho-escuro: #7b0000; } i { font-style: italic; } /* correção de bugs do script.js */ body { background: #fff; } #logo-integracao { display: none !important; } #logo-menu { display: block; z-index: 3; } .ocultar { display: none !important; } .overflow-x-hidden { overflow-x: hidden } /* MENU */ #logo-menu.fixed, #menu-desktop.fixed, #menu-corpo.fixed, #menu-info.fixed { position: fixed !important; } #logo-menu.fixed { z-index: 9; } #logo-menu { top: 20px; } .modificado .h3-modificado{ font-weight: 600; margin-bottom: 2%; } .link-a{ color: #337ab7 !important; text-decoration: underline !important; } .link-a.cor-branca{ color: #fff !important; } .breadcrumb-topo ul{ color: #fff; margin-bottom: 20px; } .breadcrumb-topo ul li{ padding: 3px; display: inline-block; } .breadcrumb-topo ul li a{ color: #fff; } .linkagem-interna{ text-decoration: underline !important; color: #225ED8 !important; } @media(max-width: 992px) { #logo-menu img { width: 57px !important; height: 52px !important; } .breadcrumb-topo ul{ justify-content: center; } } @media(min-width: 993px) { #logo-menu img { width: 3.2vw !important; height: 2.9vw !important; } } #menu-fixo { position: fixed; width: 100%; height: 90px; -webkit-box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.75); box-shadow: 0px 2px 14px -2px rgba(0,0,0,0.75); transition: all .3s; opacity: 0; z-index: -1; } /* SUMÁRIO */ @media(max-width: 992px) { #sumario-conteudo { height: 95%; width: 95%; padding-right: 2%; overflow: auto; } #sumario.fechado { font-family: Montserrat,sans-serif; position: relative; margin-top: 15vw; max-width: 12rem; margin-left: auto; margin-right: auto; height: 0px; padding: 15px 20px 30px 0; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; -webkit-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); border: 0px solid #000000; transition: all .3s; z-index: 3; } #sumario.fechado #sumario-btn { margin-top: -11px; width: 100%; text-align: right; } #sumario-btn-abre { display: flex !important; margin-top: -11px; width: 100%; text-align: right; color: #fff; justify-content: space-between; } #sumario-btn-abre img, #sumario-btn-fecha img { border-radius: 50%; } #sumario-btn-fecha { display: flex; margin-top: -11px; justify-content: space-between; padding-top: 3%; } #sumario-btn-abre div { padding-top: 9px; padding-left: 20%; font-size: 1rem; font-weight: bold; } #sumario-btn-fecha div { padding-top: 9px; font-size: 1rem; padding-top: 3%; padding-left: 5%; font-weight: bold; text-align: center; } #sumario-btn-abre a, #sumario-btn-fecha a { float: right; padding-left: 5%; margin-left: 5%; } #sumario-btn-abre a:hover, #sumario-btn-fecha a:hover { cursor: pointer; background-color: transparent !important; padding-right: 0 !important; } #sumario.fechado > * { display: none; } #sumario.aberto > #sumario-btn-abre { display: none !important; } #sumario.aberto { text-align: center; font-family: Montserrat,sans-serif; position: relative; margin-top: 10%; margin-left: auto; margin-right: auto; color: #fff; width: 70%; padding: 1% 1% 3% 0%; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000; transition: all .6s; z-index: 3; } #sumario a { color: #fff; display: table; } #sumario a:hover { background-color: #fff; border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border: 0px solid #000000; padding-right: 5%; } #sumario p { margin-bottom: 1rem; } #sumario .sumario-3 a:hover { font-weight: bold; } .sumario-1 { font-size: 1rem; font-weight: bold; line-height: 130%; margin-top: 2%; margin-bottom: 1%; } .sumario-1 a { padding-left: 5%; } .sumario-2 { font-size: 0.9rem; font-weight: 600; line-height: 130%; margin-bottom: 1%; } .sumario-2 a { padding-left: 15%; } .sumario-3 { font-size: 0.8rem; line-height: 160%; margin-bottom: 1%; } .sumario-3 a { padding-left: 20%; } .sumario-3 ul { margin-left: 0%; } .sumario-3 ul a { padding-left: 25%; } } @media(max-width: 480px) { #sumario.aberto { margin-top: 15%; width: 85%; } } @media(min-width: 993px) { #sumario-conteudo { height: 95%; width: 95%; padding-right: 2%; overflow: auto; } #sumario.fechado { font-family: Montserrat,sans-serif; position: fixed; margin-top: 10px; height: 0px; padding: 15px 20px 30px 0; border-radius: 0px 50px 50px 0px; -moz-border-radius: 0px 50px 50px 0px; -webkit-border-radius: 0px 50px 50px 0px; -webkit-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); box-shadow: 0px 1px 18px -7px rgba(0,0,0,0.6); border: 0px solid #000000; transition: all .3s; z-index: 3; } #sumario.fechado #sumario-btn { margin-top: -11px; width: 100%; text-align: right; } #sumario-btn-abre { display: flex !important; margin-top: -11px; width: 100%; text-align: right; color: #fff; justify-content: space-between; } #sumario-btn-abre img, #sumario-btn-fecha img { border-radius: 50%; } #sumario-btn-fecha { display: flex; margin-top: -11px; justify-content: space-between; padding-right: 3%; } #sumario-btn-fecha div, #sumario-btn-abre div { padding-top: 9px; padding-left: 5%; font-size: 1rem; font-weight: bold; } #sumario-btn-abre a, #sumario-btn-fecha a { float: right; padding-left: 5%; margin-left: 5%; } #sumario-btn-abre a:hover, #sumario-btn-fecha a:hover { cursor: pointer; background-color: transparent !important; padding-right: 0 !important; } #sumario.fechado > * { display: none; } #sumario.aberto > #sumario-btn-abre{ display: none !important; } #sumario.aberto { font-family: Montserrat,sans-serif; position: fixed; top: 25vh; height: calc(100vh - 40vh); color: #fff; width: 23%; padding: 1% 0% 3% 0%; padding-left: 0% !important; border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border: 0px solid #000000; transition: all .6s; z-index: 3; } #sumario a { color: #fff; display: table; } #sumario a:hover { color: #668a01; background-color: #fff; border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border: 0px solid #000000; padding-right: 5%; } #sumario p { margin-bottom: 1rem; } #sumario .sumario-3 a:hover { font-weight: bold; } .sumario-1 { font-size: 0.9vw; font-weight: bold; line-height: 130%; margin-top: 2%; margin-bottom: 1%; } .sumario-1 a{ padding-left: 5%; } .sumario-2 { font-size: 0.8vw; font-weight: 600; line-height: 130%; margin-bottom: 1%; } .sumario-2 a { padding-left: 15%; } .sumario-3 { font-size: 0.8vw; line-height: 160%; margin-bottom: 1%; } .sumario-3 a { padding-left: 20%; } .sumario-3 ul{ margin-left: 0%; } .sumario-3 ul a { padding-left: 25%; } } /* BANNER*/ @media(max-width: 992px) { #banner { background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 5%; } #banner .container { } #banner-titulo { width: 100%; text-align: center; color: #fff; font-family: Montserrat,sans-serif; } #banner-titulo h1 { font-size: 4rem; font-weight: bold; padding-top: 100px; } #banner-titulo h2 { font-size: 1.2rem; } #banner-formulario { width: 100%; margin-top: 5%; color: #fff; } #banner-formulario-contato { display: flex; justify-content: center; font-size: 1.2rem; text-align: center; font-weight: 600; font-family: Montserrat,sans-serif; } #banner-formulario-contato a { color: #fff; text-decoration: none; } #banner-formulario-contato strong { display: flex; } #banner-formulario .formulario-conteudo { margin-bottom: -15%; } #banner-formulario form p:nth-child(9) .error { top: 8em !important; } } @media(max-width: 380px) { #banner-titulo h1 { font-size: 2.5rem !important; } } @media(min-width: 381px) and (max-width: 480px) { #banner-titulo h1 { font-size: 3rem !important; } } @media(min-width: 993px) { #banner { height: 38vw; background-repeat: no-repeat; background-size: cover; /*background-position: center;*/ } #banner.aberto .container { padding-left: 0% !important; } #banner .container { display: flex; } #banner-titulo { width: 50%; margin-top: 15vw; color: #fff; font-family: Montserrat,sans-serif; } #banner-titulo h1 { font-size: 4vw; font-weight: bold; } #banner-titulo h2 { font-size: 1.2vw; } #banner-formulario { width: 50%; margin-top: 5rem; color: #fff; } #banner-formulario-contato { display: flex; justify-content: center; font-size: 1.2vw; text-align: center; font-weight: 600; font-family: Montserrat,sans-serif; } #banner-formulario-contato a { color: #fff; text-decoration: none; transition: all .4s; } #banner-formulario-contato strong { display: flex; } #banner-formulario form p:nth-child(9) .error { margin-top: 6vw; } } /* FORMULÁRIO */ /* BUG FIX */ @media(max-width: 992px) { .formulario { color: var(--cinza); margin-left: auto; margin-right: auto; margin-top: 2%; width: 85%; background-color: #fff; -webkit-box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); } .formulario label { position: absolute; left: -9999999999px; } .formulario-contato { font-size: 1rem; text-align: center; margin-bottom: 8vw; margin-left: 10vw; margin-right: 10vw; line-height: 200%; } .formulario-titulo { text-align: center; font-weight: 600; font-size: 1.2rem; margin-bottom: 5%; font-family: Montserrat,sans-serif; } .formulario-titulo span { width: 35%; margin-top: 5%; margin-left: auto; margin-right: auto; display: inherit; border: 1px solid; } .formulario-titulo br { display: none; } .formulario-conteudo { padding: 10% 5%; } .formulario a { color: #000; text-decoration: none; } .formulario strong { font-size: 1.5rem; font-weight: bold; } .formulario input[type=text], .formulario input[type=date], .formulario textarea, select { background-color: #fff; border: 0px; width: 100%; font-size: 1rem; margin-bottom: 10%; color: #6d6e70; border-bottom: 1px solid #A1A1A1; font-family: Montserrat,sans-serif; transition: all .3s; } .formulario input[type=text]:hover, .formulario textarea:hover, select:hover { background-color: #f5f5f5; } .formulario input[type=submit] { width: 60%; color: #fff; font-size: 1.2rem; font-weight: 500; padding: 0.8rem 0 0.8rem 0; border: 0px; margin-top: 5%; border-radius: 60px 60px 60px 60px; -moz-border-radius: 60px 60px 60px 60px; -webkit-border-radius: 60px 60px 60px 60px; } .formulario .text-center { text-align: center; } .formulario-aviso { text-align: center; font-size: 0.8rem; margin-top: 2%; font-family: 'Raleway', sans-serif; } .error { position: relative; color: red; font-size: 0.8rem; top: 3em; } } @media(max-width: 480px) { .formulario { width: 100%; } } @media(min-width: 993px) { .formulario { color: var(--cinza); margin-left: auto; margin-right: auto; margin-top: 1vw; width: 30vw; background-color: #fff; -webkit-box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); box-shadow: 0px 1px 26px -7px rgba(0,0,0,0.6); } .formulario label { position: absolute; left: -9999999999px; } .formulario-contato { font-size: 1vw; text-align: center; margin-bottom: 8vw; margin-left: 10vw; margin-right: 10vw; line-height: 200%; } .formulario-titulo { text-align: center; font-weight: 600; font-size: 1.3vw; margin-bottom: 1.5vw; font-family: Montserrat,sans-serif; } .formulario-titulo span { width: 35%; margin-top: 5%; margin-left: auto; margin-right: auto; display: inherit; border: 1px solid; } .formulario-conteudo { padding: 4vw; } .formulario a { color: #000; text-decoration: none; } .formulario strong { font-size: 1.5vw; font-weight: bold; } .formulario input[type=text], .formulario input[type=date], .formulario textarea, select { background-color: #fff; border: 0px; width: 100%; font-size: 1vw; padding: 0.5vw; margin-bottom: 1vw; color: #6d6e70; border-bottom: 1px solid #A1A1A1; font-family: Montserrat,sans-serif; transition: all .4s; } .formulario input[type=text]:hover, .formulario textarea:hover, select:hover { background-color: #f5f5f5; } .formulario input[type=submit] { width: 60%; color: #fff; font-size: 1.2vw; font-weight: 500; padding: 1.2vw 0 1.2vw 0; border: 0px; margin-top: 5%; border-radius: 60px 60px 60px 60px; -moz-border-radius: 60px 60px 60px 60px; -webkit-border-radius: 60px 60px 60px 60px; transition: all .4s; cursor: pointer; } .formulario .text-center { text-align: center; } .formulario-aviso { text-align: center; font-size: 0.7vw; margin-top: 1vw; font-family: 'Raleway', sans-serif; } .error { position: absolute; color: red; font-size: 0.7vw; margin-top: 2.3vw; } } /* ------------------------ INBOUND MARKETING ---------------------------------*/ /* INBOUND VS OUTBOUND */ @media(max-width: 992px) { #inbound-vs-outbound-titulo { font-family: Montserrat,sans-serif; font-size: 2rem; color: var(--cinza); font-weight: 600; text-align: center; } #inbound-vs-outbound-titulo span { color: var(--magento); } } @media(min-width: 993px) { #inbound-vs-outbound-titulo { font-family: Montserrat,sans-serif; font-size: 2vw; color: var(--cinza); font-weight: 600; } #inbound-vs-outbound-titulo span { color: var(--magento); } #inbound-vs-outbound-titulo br { display: none; } } /* QUANDO USAR */ @media(max-width: 992px) { #inbound-quando-usar { font-weight: 600; } #inbound-quando-usar li { margin-bottom: 0.5rem; } #inbound-quando-usar li:before { margin-right: 2%; color: var(--magento); } #inbound-quando-usar li:nth-child(1):before { content: '1.'; } #inbound-quando-usar li:nth-child(2):before { content: '2.'; } #inbound-quando-usar li:nth-child(3):before { content: '3.'; } #inbound-quando-usar li:nth-child(4):before { content: '4.'; } #inbound-quando-usar li:nth-child(5):before { content: '5.'; } } @media(min-width: 993px) { #inbound-quando-usar { font-weight: 600; } #inbound-quando-usar li { margin-bottom: 0.5rem; } #inbound-quando-usar li:before { margin-right: 2%; color: var(--magento); } #inbound-quando-usar li:nth-child(1):before { content: '1.'; } #inbound-quando-usar li:nth-child(2):before { content: '2.'; } #inbound-quando-usar li:nth-child(3):before { content: '3.'; } #inbound-quando-usar li:nth-child(4):before { content: '4.'; } #inbound-quando-usar li:nth-child(5):before { content: '5.'; } } /* FUNIL DE VENDAS */ @media(max-width: 992px) { #funil-de-vendas-img div { position: relative; float: left; width: 50%; text-align: center; } #funil-de-vendas-img div:nth-child(2) { margin-bottom: 5%; } #funil-de-vendas-img img { width: 60%; } #funil-img-sub { font-size: 1.2rem; color: var(--magento); font-family: 'Raleway', sans-serif; font-weight: 600; text-align: center; margin-top: 2%; margin-bottom: 5%; } #funil-titulo { font-size: 1.2rem; color: var(--cinza); font-weight: 700; font-family: 'Raleway', sans-serif; text-align: center; margin-bottom: 3%; } #funil-fim { width: 70%; height: 15px; margin-top: 2%; background-color: #DCDCDC; margin-left: auto; margin-right: auto; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; } #trapezio-1 { border-top: 220px solid #eeeeee; border-left: 30px solid transparent; border-right: 30px solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 90%; margin-left: auto; margin-right: auto; margin-top: 3%; } #trapezio-1 .conteudo { display: flex; font-size: 1rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: -140px; line-height: 150%; } #trapezio-1 .conteudo strong, #trapezio-2 .conteudo strong, #trapezio-3 .conteudo strong { font-weight: 700; } #trapezio-2 { border-top: 260px solid #eeeeee; border-left: 30px solid transparent; border-right: 30px solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 80%; margin-left: auto; margin-right: auto; margin-top: 3%; } #trapezio-2 .conteudo { display: flex; font-size: 1rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: -185px; line-height: 150%; } #trapezio-3 { border-top: 260px solid #eeeeee; border-left: 30px solid transparent; border-right: 30px solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 70%; margin-left: auto; margin-right: auto; margin-top: 3%; } #trapezio-3 .conteudo { display: flex; font-size: 1rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: -180px; line-height: 150%; } .trapezio-numero { margin-right: 3%; display: flex; justify-content: center; flex-direction: column; color: var(--magento); font-weight: 700; font-size: 2rem; font-family: Montserrat,sans-serif; } } @media(min-width: 0px) and (max-width: 440px) { #funil-de-vendas-img div { width: 100%; margin-bottom: 5%; } #funil-de-vendas-img div img { width: 80%; } } @media(min-width: 441px) and (max-width: 600px) { #funil-de-vendas-img div img { width: 80%; } } @media(min-width: 0px) and (max-width: 320px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 { border-top: 320px solid #eeeeee; } #trapezio-1 .conteudo { display: block; margin-top: -275px; line-height: 120%; } #trapezio-2 { border-top: 360px solid #eeeeee; width: 75%; margin-left: 7%; } #trapezio-2 .conteudo { display: block; margin-top: -340px; line-height: 120%; } #trapezio-3 { border-top: 380px solid #eeeeee; width: 65%; margin-left: 12%; } #trapezio-3 .conteudo { display: block; margin-top: -310px; line-height: 120%; } #funil-fim { width: 65%; margin-left: 20%; } .trapezio-numero { display: block; text-align: center; margin-bottom: 5%; } } @media(min-width: 321px) and (max-width: 370px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 { border-top: 320px solid #eeeeee; } #trapezio-1 .conteudo { display: block; margin-top: -275px; line-height: 120%; } #trapezio-2 { border-top: 360px solid #eeeeee; width: 75%; margin-left: 7%; } #trapezio-2 .conteudo { display: block; margin-top: -340px; line-height: 120%; } #trapezio-3 { border-top: 380px solid #eeeeee; width: 65%; margin-left: 12%; } #trapezio-3 .conteudo { display: block; margin-top: -310px; line-height: 120%; } #funil-fim { width: 65%; margin-left: 20%; } .trapezio-numero { display: block; text-align: center; margin-bottom: 5%; } } @media(min-width: 371px) and (max-width: 390px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 { border-top: 320px solid #eeeeee; } #trapezio-1 .conteudo { display: block; margin-top: -250px; line-height: 120%; } #trapezio-2 { border-top: 360px solid #eeeeee; width: 75%; margin-left: 7%; } #trapezio-2 .conteudo { display: block; margin-top: -310px; line-height: 120%; } #trapezio-3 { border-top: 310px solid #eeeeee; width: 65%; margin-left: 12%; } #trapezio-3 .conteudo { display: block; margin-top: -280px; line-height: 120%; } #funil-fim { width: 65%; margin-left: 20%; } .trapezio-numero { display: block; text-align: center; margin-bottom: 5%; } } @media(min-width: 391px) and (max-width: 440px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 .conteudo { display: block; margin-top: -200px; line-height: 120%; } #trapezio-2 { border-top: 360px solid #eeeeee; width: 75%; margin-left: 7%; } #trapezio-2 .conteudo { display: block; margin-top: -310px; line-height: 120%; } #trapezio-3 { border-top: 310px solid #eeeeee; width: 65%; margin-left: 12%; } #trapezio-3 .conteudo { display: block; margin-top: -270px; line-height: 120%; } #funil-fim { width: 65%; margin-left: 20%; } .trapezio-numero { display: block; text-align: center; margin-bottom: 5%; } } @media(min-width: 441px) and (max-width: 490px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 .conteudo { margin-top: -170px; line-height: 120%; } #trapezio-2 .conteudo { margin-top: -230px; line-height: 120%; } #trapezio-3 .conteudo { margin-top: -220px; line-height: 120%; } } @media(min-width: 480px) and (max-width: 540px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 .conteudo { margin-top: -190px; line-height: 120%; } #trapezio-2 .conteudo { margin-top: -240px; line-height: 120%; } #trapezio-3 .conteudo { margin-top: -210px; line-height: 120%; } } @media(min-width: 541px) and (max-width: 590px) { #trapezio-1, #trapezio-2, #trapezio-3 { border-left: 25px solid transparent; border-right: 25px solid transparent; } #trapezio-1 .conteudo { margin-top: -160px; line-height: 120%; } #trapezio-2 .conteudo { margin-top: -210px; line-height: 120%; } #trapezio-3 .conteudo { margin-top: -200px; line-height: 120%; } } @media(min-width: 591px) and (max-width: 790px) { #trapezio-1 .conteudo { margin-top: -150px; line-height: 120%; } #trapezio-2 .conteudo { margin-top: -200px; line-height: 120%; } #trapezio-3 .conteudo { margin-top: -190px; line-height: 120%; } } @media(min-width: 791px) and (max-width: 890px) { #trapezio-1 .conteudo { margin-top: -160px; } #trapezio-2 .conteudo { margin-top: -205px; } #trapezio-3 .conteudo { margin-top: -200px; } } @media(min-width: 993px) { #funil-img-sub { font-size: 1.4vw; color: var(--magento); font-family: 'Raleway', sans-serif; font-weight: 600; text-align: center; margin-top: 2%; margin-bottom: 5%; } #funil-titulo { font-size: 1.2vw; color: var(--cinza); font-weight: 700; font-family: 'Raleway', sans-serif; text-align: center; margin-bottom: 3%; } #funil-fim { width: 58%; height: 15px; margin-top: 2%; background-color: #DCDCDC; margin-left: auto; margin-right: auto; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; } #trapezio-1 { border-top: 7vw solid #eeeeee; border-left: 3vw solid transparent; border-right: 3vw solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 91%; margin-top: 3%; } #trapezio-1 .conteudo { display: flex; font-size: 1.1vw; width: 95%; margin-left: auto; margin-right: auto; margin-top: -6vw; line-height: 150%; } #trapezio-1 .conteudo strong, #trapezio-2 .conteudo strong, #trapezio-3 .conteudo strong { font-weight: 700; } #trapezio-2 { border-top: 11vw solid #E5E5E5; border-left: 5vw solid transparent; border-right: 5vw solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 75%; margin-top: 2%; margin-left: auto; margin-right: auto; } #trapezio-2 .conteudo { display: flex; font-size: 1.1vw; width: 95%; margin-left: auto; margin-right: auto; margin-top: -9.5vw; line-height: 150%; } #trapezio-3 { border-top: 11vw solid #DCDCDC; border-left: 4.5vw solid transparent; border-right: 4.5vw solid transparent; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; height: 0; width: 60%; margin-top: 2%; margin-left: auto; margin-right: auto; } #trapezio-3 .conteudo { display: flex; font-size: 1.1vw; width: 95%; margin-left: auto; margin-right: auto; margin-top: -9.5vw; line-height: 150%; } .trapezio-numero { margin-right: 3%; display: flex; justify-content: center; flex-direction: column; color: var(--magento); font-weight: 700; font-size: 3vw; font-family: Montserrat,sans-serif; } } /* ORCAMENTO FULL */ #inbound-marketing .orcamento-full img { width: auto; height: auto; max-width: 85%; max-height: 85%; margin-left: auto; margin-right: auto; margin-top: 5%; } /* ------------------------ REDES SOCIAIS ---------------------------------*/ /* BENEFÍCIOS REDES SOCIAIS */ @media(max-width: 992px) { #beneficios-redes-sociais h1 { font-family: Montserrat,sans-serif; font-size: 2rem; color: var(--dourado); font-weight: 600; text-align: center; margin-top: 5%; margin-bottom: 3%; } #beneficios-redes-sociais .img { text-align: center; } #beneficios-redes-sociais .img img { width: 100%; } } @media(min-width: 993px) { #redes-sociais #banner { background-position: center; } #beneficios-redes-sociais h1 { font-family: Montserrat,sans-serif; font-size: 2vw; color: var(--dourado); font-weight: 600; text-align: center; margin-top: 5%; margin-bottom: 3%; } #beneficios-redes-sociais .img { text-align: center; } #beneficios-redes-sociais .img img { max-width: 100%; } } /* ESTRATÉGIA */ @media(max-width: 992px) { #estrategia-redes-sociais { } #estrategia-redes-sociais .txt, #estrategia-redes-sociais .img { width: 100%; } #estrategia-redes-sociais .txt { padding-right: 5%; display: flex; justify-content: center; flex-direction: column; } #estrategia-redes-sociais .img { text-align: center; } #estrategia-redes-sociais .img img { width: 100%; } } @media(min-width: 993px) { #estrategia-redes-sociais { display: flex; } #estrategia-redes-sociais .txt, #estrategia-redes-sociais .img { width: 50%; } #estrategia-redes-sociais .txt { padding-right: 5%; display: flex; justify-content: center; flex-direction: column; } #estrategia-redes-sociais .img { text-align: center; } #estrategia-redes-sociais .img img { width: 80%; } } /* ANÚNCIO */ @media(max-width: 992px) { .anuncio-redes-sociais-circulo { width: 15rem; height: 15rem; display: flex; justify-content: center; flex-direction: column; color: var(--cinza); background-color: #fff; border-radius: 50%; border: 0.2rem solid var(--dourado); text-align: center; margin-left: auto; margin-right: auto; transition: all .1s; } .anuncio-redes-sociais-circulo h1 { color: var(--dourado) !important; } .anuncio-redes-sociais-circulo h2 { font-style: italic; } .anuncio-redes-sociais-circulo p { padding: 0 10%; font-size: 0.8rem; } .circulo-2, .circulo-3, .circulo-4, .circulo-5 { position: relative; float: left; width: 50%; } .circulo-1, #anuncio-redes-sociais .img { position: relative; float: left; width: 100%; } .circulo-1, .circulo-2, .circulo-3, .circulo-4, .circulo-5 { margin-top: 5%; } #anuncio-redes-sociais > .clear { clear: none; } #anuncio-redes-sociais .img { text-align: center; } #anuncio-redes-sociais .img img { max-width: 100%; } } @media(max-width: 640px) { .circulo-2, .circulo-3, .circulo-4, .circulo-5 { position: relative; float: left; width: 100%; } } @media(min-width: 993px) { .anuncio-redes-sociais-circulo { width: 17vw; height: 17vw; display: flex; justify-content: center; flex-direction: column; color: #fff; background: var(--dourado); border-radius: 50%; text-align: center; margin-left: auto; margin-right: auto; transition: all .6s; cursor: pointer; } .anuncio-redes-sociais-circulo h1 { color: #fff !important; } .anuncio-redes-sociais-circulo h2 { font-style: italic; } .anuncio-redes-sociais-circulo p { padding: 0 10%; display: none; } .anuncio-redes-sociais-circulo:hover { width: 16.6vw; height: 16.6vw; background-color: #fff; border: 0.2vw solid var(--dourado); } .anuncio-redes-sociais-circulo:hover > p { display: block; } .anuncio-redes-sociais-circulo:hover > h1 { color: var(--dourado) !important; } .anuncio-redes-sociais-circulo:hover > h2, .anuncio-redes-sociais-circulo:hover > p { color: var(--cinza); } .circulo-1, .circulo-2, .circulo-3, .circulo-4, .circulo-5, #anuncio-redes-sociais .img { position: relative; float: left; width: 33.3333333%; } .circulo-1, .circulo-3, .circulo-4, .circulo-5 { margin-top: 5%; } #anuncio-redes-sociais .img img { width: 100%; } } /* ------------------------ GOOGLE ADS ---------------------------------*/ #google-ads #onde-anunciar .topicos p strong { color: var(--laranja); text-transform: uppercase; font-weight: bold; font-size: 21px; } #google-ads #onde-anunciar .topicos img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; margin-top: 50px; } #google-ads .conteudo ul li strong, #google-ads .topicos b { font-weight: 600; } #google-ads .fatores { display: flex; align-items: center; justify-content: space-around; padding-top: 50px; } @media(max-width: 992px) { #google-ads .fatores { padding-bottom: 0px; } } @media(min-width: 993px) { #google-ads .fatores { padding-bottom: 50px; } } #google-ads .fatores .itemContainer { width: 30%; } #google-ads .fatores .itemContainer .item { display: flex; align-items: center; border: 2px solid transparent; box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2); padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; border-radius: 10px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transition: all 0.2s; position: relative; } #google-ads .fatores .itemContainer:hover .item { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); cursor: pointer; border: 2px solid var(--laranja); } #google-ads .fatores .itemContainer p { display: none; } #google-ads .fatores .itemContainer .item:after { visibility: hidden; opacity: 0; transition: visibility 0.3s linear,opacity 0.3s linear; } #google-ads .fatores .itemContainer:hover .item:after { content: ''; visibility: visible; opacity: 1; width: 3px; height: 45px; background-color: var(--laranja); position: absolute; bottom: -45px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #google-ads .fatores .itemContainer .item .titleFator { margin-left: 15%; color: var(--laranja); font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; } #google-ads .contentTxt { display: block; } #google-ads .contentTxt .itemTxt { display: none; color: var(--laranja); list-style: none; } #google-ads .contentTxt .itemTxt:before { display: none; } #google-ads #como-avaliar p.titulo { font-family: Montserrat,sans-serif; font-size: 1.8vw; color: var(--cinza); font-weight: 600; margin-bottom: 2%; text-transform: uppercase; } @media screen and (max-width: 992px) { #google-ads .fatores { display: block; } #google-ads .fatores .itemContainer { width: 100%; text-align: center; margin-bottom: 30px; } #google-ads .fatores .itemContainer .item { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); cursor: pointer; border: 2px solid var(--laranja); margin-bottom: 50px; } #google-ads .fatores .itemContainer .item:after { content: ''; visibility: visible; opacity: 1; width: 3px; height: 45px; background-color: var(--laranja); position: absolute; bottom: -45px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #google-ads .fatores .itemContainer .item { display: block; } #google-ads .fatores .itemContainer .item .titleFator { margin-left: 0; } #google-ads .fatores .itemContainer p { display: block; } } @media screen and (max-width: 1200px) { #google-ads .fatores .itemContainer .item .titleFator { margin-left: 5%; } } /* ORCAMENTO FULL */ #google-ads .orcamento-full { padding: 3% 0; } #google-ads .orcamento-full img { width: auto; height: auto; max-width: 85%; max-height: 85%; margin-left: auto; margin-right: auto; margin-top: 5%; } /* ------------------------ CRIAÇÃO DE WEBSITE ---------------------------------*/ @media(max-width: 992px) { #criacao-website .conteudo h2 { font-family: Montserrat,sans-serif; font-size: 1.8rem; color: var(--cinza); font-weight: 600; margin-bottom: 2%; text-align: center; } } @media(min-width: 993px) { #criacao-website .conteudo h2 { font-family: Montserrat,sans-serif; font-size: 1.8vw; color: var(--cinza); font-weight: 600; margin-bottom: 2%; } } /* DIFERENÇA */ @media(max-width: 992px) { #criacao-website-diferenca div { width: 100%; } #criacao-website-diferenca .img { display: flex; justify-content: center; flex-direction: column; } #criacao-website-diferenca .img img { width: 60%; margin-left: auto; margin-right: auto; } } @media(min-width: 993px) { #criacao-website-diferenca { display: flex; } #criacao-website-diferenca div { width: 50%; } #criacao-website-diferenca .img { display: flex; justify-content: center; flex-direction: column; } #criacao-website-diferenca .img img { width: 60%; margin-left: auto; margin-right: auto; } } /* SISTEMAS */ @media(min-width: 993px) { #criacao-website-box { width: 60%; margin-left: auto; margin-right: auto; } } /* ARQUITETURA */ @media(max-width: 992px) { /*#criacao-website-arquitetura .conteudo { padding-right: 15%; }*/ #criacao-website-arquitetura { /*background-image: url(../images/website/arquitetura-informacao.png); background-repeat: no-repeat; background-position: 102.5%; background-position-y: 30%; background-size: 20% 80%;*/ padding-bottom: 12rem; } #criacao-website-arquitetura-orcamento { margin-top: -7rem; } #criacao-website-design { width: 86%; margin-left: auto; margin-right: auto; } #criacao-website-design div { width: 100%; text-align: center; } #criacao-website-design .img img { max-width: 100%; margin-top: 5%; } #criacao-website-design .txt { text-align: center; background-color: var(--cinza-claro); padding: 3%; } #criacao-website-design .txt strong { width: 100%; font-size: 1rem; color: var(--verde); font-style: italic; line-height: 180%; } #criacao-website-design .txt span { margin-top: 5%; font-size: 0.9rem; line-height: 180%; } #criacao-website-design .txt p { margin-bottom: 5%; } #criacao-website-divisa { width: 100%; height: 50px; background-color: var(--verde); margin-top: 5%; margin-bottom: 2%; } #criacao-website-vantagens div { position: relative; float: left; width: 45%; margin-bottom: 4%; } #criacao-website-vantagens div .numero { position: absolute; font-size: 10rem; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } #criacao-website-vantagens div.esq { padding-right: 5%; } #criacao-website-vantagens div.dir { padding-left: 5%; } #criacao-website-vantagens span { font-weight: 600; color: var(--verde); } #criacao-website-indexacao h1 { width: 83%; padding: 1% 8%; text-align: left; background-image: url(../images/website/ic-lupa.png); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 40%; background-size: 2rem 2rem; border: 2px solid var(--verde); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; } #criacao-website .orcamento-full .container { padding-top: 5%; padding-bottom: 5%; } #criacao-website .orcamento-full .img img { width: 80%; margin-left: auto; margin-right: auto; margin-top: 5%; } } @media(max-width: 680px) { #criacao-website-vantagens div { width: 100%; } #criacao-website-vantagens div.esq { padding-right: 0; } #criacao-website-vantagens div.dir { padding-left: 0; } #criacao-website-vantagens div .numero { margin-left: -5%; } #criacao-website .orcamento-full .img img { width: 100%; } } @media(min-width: 993px) { #criacao-website-arquitetura { /*background-image: url(../images/website/arquitetura-informacao.png); background-repeat: no-repeat; background-position: 101.5%; background-position-y: 30%; background-size: 14% 80%;*/ padding-bottom: 15rem; } #criacao-website-arquitetura-orcamento { margin-top: -7rem; } #criacao-website-design { display: flex; padding-left: 15%; } #criacao-website-design div { width: 50%; } #criacao-website-design .img img { max-width: 85%; } #criacao-website-design .txt { display: flex; justify-content: center; flex-direction: column; background-color: var(--cinza-claro); margin-left: 10%; } #criacao-website-design .txt strong { width: 50%; font-size: 1vw; margin-left: -10%; color: var(--verde); font-style: italic; line-height: 180%; } #criacao-website-design .txt span { margin-left: -10%; margin-top: 3%; font-size: 0.9vw; line-height: 180%; } #criacao-website-divisa { width: 100%; height: 50px; background-color: var(--verde); margin-top: 5%; margin-bottom: 2%; } #criacao-website-vantagens div { position: relative; float: left; width: 45%; margin-bottom: 4%; } #criacao-website-vantagens div .numero { position: absolute; font-size: 10vw; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } #criacao-website-vantagens div.esq { padding-right: 5%; } #criacao-website-vantagens div.dir { padding-left: 5%; } #criacao-website-vantagens span { font-weight: 600; color: var(--verde); } #criacao-website-indexacao h1 { width: 94%; padding: 1% 3%; text-align: left; background-image: url(../images/website/ic-lupa.png); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 40%; background-size: 2vw 2vw; border: 2px solid var(--verde); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; } #criacao-website .orcamento-full .container { padding-top: 5%; padding-bottom: 5%; } #criacao-website .orcamento-full .img img { width: 65%; height: auto; } } /* ------------------------ SEO ---------------------------------*/ /* CONDIÇÕES RANKEAMENTO */ @media(max-width: 992px) { #seo-condicoes-rankeamento-condicoes div { position: relative; float: left; width: 45%; margin-bottom: 4%; } #seo-condicoes-rankeamento-condicoes div .numero { position: absolute; font-size: 10rem; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } #seo-condicoes-rankeamento-condicoes div.esq { padding-right: 5%; } #seo-condicoes-rankeamento-condicoes div.dir { padding-left: 5%; } #seo-condicoes-rankeamento-condicoes span { font-weight: 600; color: var(--purpura); } #seo-condicoes-rankeamento-condicoes div.esq i, #seo-condicoes-rankeamento-condicoes div.dir i { font-weight: 400; font-style: italic; } } @media(max-width: 680px) { #seo-condicoes-rankeamento-condicoes div { width: 100%; } #seo-condicoes-rankeamento-condicoes div.esq { padding-right: 0; } #seo-condicoes-rankeamento-condicoes div.dir { padding-left: 0; } #seo-condicoes-rankeamento-condicoes div .numero { margin-left: -5%; } } @media(min-width: 993px) { #seo-condicoes-rankeamento-condicoes div { position: relative; float: left; width: 45%; margin-bottom: 4%; } #seo-condicoes-rankeamento-condicoes div .numero { position: absolute; font-size: 10vw; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } #seo-condicoes-rankeamento-condicoes div.esq { padding-right: 5%; } #seo-condicoes-rankeamento-condicoes div.dir { padding-left: 5%; } #seo-condicoes-rankeamento-condicoes span { font-weight: 600; color: var(--purpura); } #seo-condicoes-rankeamento-condicoes div.esq i, #seo-condicoes-rankeamento-condicoes div.dir i { font-weight: 400; font-style: italic; } } /* BLACK HAT VS WHITE HAT */ @media(max-width: 992px) { #seo-black-white-hat { padding-top: 15rem; position: relative; padding-bottom: 5%; } #seo .orcamento-esq.move { margin-top: -2rem; margin-bottom: 5%; z-index: 1; } #seo-black-white-hat .titulo span { color: var(--purpura); } #seo-black-white-hat-box { background-color: #fff; border: 2px solid var(--cinza); } #seo-black-hat, #seo-white-hat { width: 86%; padding: 2.5% 7%; } #seo-black-hat { border-bottom: 1px solid var(--cinza); } #seo-white-hat { border-top: 1px solid var(--cinza); } #seo-black-hat .titulo, #seo-white-hat .titulo { font-weight: 900; text-align: center; } #seo-white-hat .img { position: relative; text-align: center; margin-bottom: -10%; } #seo-white-hat .img img { width: 40%; } #seo-black-hat:hover, #seo-white-hat:hover { background-color: var(--purpura); cursor: pointer; } #seo-black-hat:hover > .titulo, #seo-black-hat:hover > p, #seo-white-hat:hover > .titulo, #seo-white-hat:hover > p { color: #fff; } } @media(min-width: 993px) { #seo-black-white-hat { padding-top: 15rem; position: relative; padding-bottom: 5%; } #seo .orcamento-esq.move { position: relative; margin-bottom: -10rem !important; z-index: 1; } #seo-black-white-hat .titulo span { color: var(--purpura); } #seo-black-white-hat-box { display: flex; background-color: #fff; border: 2px solid var(--cinza); } #seo-black-hat, #seo-white-hat { width: 45%; padding: 2.5% 7%; transition: all .3s; } #seo-black-hat { border-right: 1px solid var(--cinza); } #seo-white-hat { border-left: 1px solid var(--cinza); } #seo-black-hat .titulo, #seo-white-hat .titulo { font-weight: 900; text-align: center; } #seo-white-hat .img { position: relative; text-align: center; margin-bottom: -20%; } #seo-white-hat .img img { width: 40%; } #seo-black-hat:hover, #seo-white-hat:hover { background-color: var(--purpura); cursor: pointer; } #seo-black-hat:hover > .titulo, #seo-black-hat:hover > p, #seo-white-hat:hover > .titulo, #seo-white-hat:hover > p { color: #fff; } } /* URL */ @media(max-width: 992px) { #seo-url { text-align: center; } } @media(min-width: 993px) { #seo-url { text-align: center; } #seo-url img { width: 3vw; } #seo-url br { display: none; } } #seo .lista-bola li { margin-bottom: 1rem; } /* OFF PAGE */ @media(max-width: 992px) { #seo-offpage { padding-top: 15rem; position: relative; padding-bottom: 5%; } #seo .orcamento-dir.move { margin-top: -2rem; margin-bottom: 5%; z-index: 1; } } @media(min-width: 993px) { #seo-offpage { padding-top: 15rem; position: relative; padding-bottom: 5%; z-index: 0; } #seo .orcamento-dir.move { position: relative; margin-bottom: -10rem !important; z-index: 1; } } /* MÉTRICAS */ @media(max-width: 992px) { #seo-metricas { display: flex; } #seo-metricas .img, #seo-metricas .titulo { text-align: center; } #seo-metricas .titulo { height: 20%; color: var(--purpura); font-weight: bold; } #seo-metricas .titulo i { font-weight: 400; font-style: italic; } #seo-metricas .corpo { width: 33.3333%; padding: 2% 3%; } } @media(max-width: 840px) { #seo-metricas { display: block; } #seo-metricas .img, #seo-metricas .titulo { text-align: center; } #seo-metricas .titulo { height: 20%; color: var(--purpura); font-weight: bold; } #seo-metricas .titulo i { font-weight: 400; font-style: italic; } #seo-metricas .corpo { width: 100%; padding: 2% 3%; } } @media(min-width: 993px) { #seo-metricas { display: flex; } #seo-metricas .img, #seo-metricas .titulo { text-align: center; } #seo-metricas .titulo { height: 20%; color: var(--purpura); font-weight: bold; } #seo-metricas .titulo i { font-weight: 400; font-style: italic; } #seo-metricas .corpo { width: 33.3333%; padding: 2% 3%; } } /* MOBILE */ @media(max-width: 992px) { #seo-mobile li { margin-bottom: 1%; margin-left: 3%; } #seo-mobile li:before { margin-right: 0.5%; color: var(--purpura); font-weight: bold; } #seo-mobile li:nth-child(1):before { content: '1.'; } #seo-mobile li:nth-child(2):before { content: '2.'; } #seo-mobile li:nth-child(3):before { content: '3.'; } #seo-mobile li:nth-child(4):before { content: '4.'; } #seo-mobile li:nth-child(5):before { content: '5.'; } #seo-mobile li:nth-child(6):before { content: '6.'; } #seo-mobile li:nth-child(7):before { content: '7.'; } #seo-mobile li:nth-child(8):before { content: '8.'; } } @media(min-width: 993px) { #seo-mobile li { margin-bottom: 1%; margin-left: 3%; } #seo-mobile li:before { margin-right: 0.5%; color: var(--purpura); font-weight: bold; } #seo-mobile li:nth-child(1):before { content: '1.'; } #seo-mobile li:nth-child(2):before { content: '2.'; } #seo-mobile li:nth-child(3):before { content: '3.'; } #seo-mobile li:nth-child(4):before { content: '4.'; } #seo-mobile li:nth-child(5):before { content: '5.'; } #seo-mobile li:nth-child(6):before { content: '6.'; } #seo-mobile li:nth-child(7):before { content: '7.'; } #seo-mobile li:nth-child(8):before { content: '8.'; } } /* GOOGLE MEU NEGÓCIO */ @media(max-width: 992px) { #seo-google-meu-negocio { text-align: center; } #seo-google-meu-negocio img { width: 50%; } } @media(min-width: 993px) { #seo-google-meu-negocio { text-align: center; } #seo-google-meu-negocio img { width: 50%; } } /* SEARCH */ @media(max-width: 992px) { .seo-search .img { margin-top: 3rem; margin-bottom: 2%; } .seo-search .conteudo h1, .modificado .seo-search .conteudo h2 { margin-top: 5%; } } @media(min-width: 993px) { .seo-search .img { margin-top: 3rem; margin-bottom: 1%; } } /* ORÇAMENTO FULL */ @media(max-width: 992px) { #seo .orcamento-full { padding-top: 5%; } #seo .orcamento-full img { max-width: 80%; margin-top: 10%; margin-left: auto; margin-right: auto; } } @media(min-width: 993px) { #seo .orcamento-full { padding-top: 5%; } #seo .orcamento-full .img { text-align: center; } #seo .orcamento-full img { max-width: 80%; height: 100%; } #seo .orcamento-full a { margin-bottom: 5%; } } /* ADAPATAÇÕES */ /*TAGS */ @media(max-width: 380px) { #seo .tag { font-size: 0.7rem; } } /* ------------------------ LOJA VIRTUAL ---------------------------------*/ /* LOGÍSTICA */ @media(max-width: 992px) { #loja-virtual-logistica { padding-bottom: 17rem; } #loja-virtual-orcamento-logistica { margin-top: -14rem; margin-bottom: 2rem; } } @media(min-width: 993px) { #loja-virtual-logistica { padding-bottom: 17rem; } #loja-virtual-orcamento-logistica { margin-top: -11rem; margin-bottom: 5rem; } } /* TOP 5 */ #loja-virtual-top-5 .topico-txt { float: left; margin-right: 1rem; } #loja-virtual-top-5 .img img{ max-height: 39px; } /* VANTAGENS */ @media(max-width: 992px) { .loja-virtual-vantagens div { position: relative; float: left; width: 45%; margin-bottom: 4%; } .loja-virtual-vantagens div .numero { position: absolute; font-size: 10rem; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } .loja-virtual-vantagens div.esq { padding-right: 5%; clear: both; } .loja-virtual-vantagens div.dir { padding-left: 5%; } .loja-virtual-vantagens span { font-weight: 600; color: var(--roxo); } .loja-virtual-vantagens .total { position: relative; float: left; width: 100%; margin-bottom: 4%; } .loja-virtual-vantagens .total .numero { margin-top: 10%; margin-left: -4%; } } @media(max-width: 680px) { .loja-virtual-vantagens div { width: 100%; } .loja-virtual-vantagens div.esq { padding-right: 0; } .loja-virtual-vantagens div.dir { padding-left: 0; } .loja-virtual-vantagens div .numero { margin-left: -5%; } #criacao-website .orcamento-full .img img { width: 100%; } } @media(min-width: 993px) { .loja-virtual-vantagens div { position: relative; float: left; width: 45%; margin-bottom: 4%; } .loja-virtual-vantagens div .numero { position: absolute; font-size: 10vw; font-weight: 900; opacity: .1; margin-top: 10%; margin-left: -10%; } .loja-virtual-vantagens div.esq { padding-right: 5%; } .loja-virtual-vantagens div.dir { padding-left: 5%; } .loja-virtual-vantagens span { font-weight: 600; color: var(--roxo); } .loja-virtual-vantagens .total { position: relative; float: left; width: 100%; margin-bottom: 4%; } .loja-virtual-vantagens .total .numero { margin-top: 5%; margin-left: -4%; } } /* INTEGRAÇÕES */ @media(max-width: 992px) { #loja-virtual-integracoes ul { line-height: 180%; } } @media(min-width: 993px) { #loja-virtual-integracoes ul { line-height: 280%; } } /* ORÇAMENTO FULL */ @media(max-width: 992px) { #loja-virtual .orcamento-full .img.mobile img { width: 50%; display: block; margin-left: auto; margin-right: auto; margin-top: 5%; } #loja-virtual .orcamento-full p:first-child strong { font-size: 1.5rem; } } @media(min-width: 993px) { #loja-virtual .orcamento-full .img.desktop { width: 20%; margin-left: 10%; margin-right: 10%; margin-top: 5%; } #loja-virtual .orcamento-full .txt { width: 60%; } } /* ------------------------ IDENTIDADE VISUAL ---------------------------------*/ /* BENEFÍCIOS */ @media(max-width: 992px) { #identidade-visual-beneficios img { width: 1.2rem; margin-left: 1%; } } @media(min-width: 993px) { #identidade-visual-beneficios img { width: 1.2vw; margin-left: 1%; } } /* COMO CRIAR */ @media(max-width: 992px) { #identidade-visual-como-criar div:first-of-type { margin-top: 2%; } #identidade-visual-como-criar div { position: relative; float: left; width: 100%; padding-left: 5%; } #identidade-visual-como-criar div .numero { position: absolute; font-size: 7rem; font-weight: 900; opacity: .1; margin-top: 2%; margin-left: -10%; } } @media(min-width: 993px) { #identidade-visual-como-criar div:first-of-type { margin-top: 2%; } #identidade-visual-como-criar div { position: relative; float: left; width: 95%; margin-bottom: 5%; padding-left: 5%; } #identidade-visual-como-criar div .numero { position: absolute; font-size: 10vw; font-weight: 900; opacity: .1; margin-top: 2%; margin-left: -10%; } } /* TIPOS DE LOGOS */ @media(max-width: 992px) { #identidade-visual-tipos-logos .img { text-align: center; margin-bottom: 3rem; } #identidade-visual-tipos-logos .img img { width: 80%; } } @media(min-width: 993px) { #identidade-visual-tipos-logos .img { text-align: center; } #identidade-visual-tipos-logos .img img { width: 50%; } } /* SIGNIFICADOS DAS CORES */ @media(max-width: 992px) { #identidade-visual-significado-cores, #identidade-visual-significado-cores .topico-txt span { background-color: #EDF0F5; } #identidade-visual-significado-cores .img { text-align: center; } #identidade-visual-significado-cores .img img { width: 100%; } #identidade-visual-significado-cores b { font-weight: 400; color: var(--cinza); } } @media(min-width: 993px) { #identidade-visual-significado-cores, #identidade-visual-significado-cores .topico-txt span { background-color: #EDF0F5; } #identidade-visual-significado-cores .img { text-align: center; } #identidade-visual-significado-cores .img img { width: 60%; } #identidade-visual-significado-cores b { font-weight: 400; color: var(--cinza); } } #identidade-visual h1 span, #identidade-visual-tipos-logos h2 span, #paleta-de-cores-na-identidade-visual ~ h2 span { color: var(--vermelho); } #identidade-visual .orcamento-full { margin-top: 0px; } #identidade-visual .orcamento-full .img img { width: 60%; margin-left: auto; margin-right: auto; } /* ------------------------ CALL TRACKING ---------------------------------*/ /* COMO FUNCIONA */ @media(max-width: 992px) { #call-tracking-como-funciona .container { padding-top: 5%; } } @media(min-width: 993px) { #call-tracking-como-funciona .img { margin-top: -3rem; } } /* GESTÃO LEADS */ @media(max-width: 992px) { #call-tracking-gestao-leads .img { width: 100%; text-align: center; } #call-tracking-gestao-leads .img img { width: 40%; } #call-tracking-gestao-leads .txt { width: 100%; margin-top: 3rem; margin-bottom: auto; font-size: 2rem; font-weight: 600; color: var(--verde-limao); } #call-tracking-gestao-leads .txt span { background-color: var(--verde-limao); color: #fff; padding: 0.3rem; } } @media(min-width: 993px) { #call-tracking-gestao-leads { display: flex; } #call-tracking-gestao-leads .img { width: 20%; } #call-tracking-gestao-leads .img img { width: 100%; } #call-tracking-gestao-leads .txt { width: 60%; padding-left: 10%; padding-right: 10%; margin-top: auto; margin-bottom: auto; font-size: 2vw; font-weight: 600; color: var(--verde-limao); } #call-tracking-gestao-leads .txt span { background-color: var(--verde-limao); color: #fff; padding: 0.3rem; } } /* ORÇAMENTO FULL */ @media(max-width: 992px) { #call-tracking .orcamento-full .img { margin-left: -8%; } } @media(min-width: 993px) { #call-tracking .orcamento-full .container { padding-left: 0px; padding-top: 5%; } } /* GLOBAL */ @media(max-width: 992px) { .desktop { display: none !important; } .mobile { } section:not(:first-of-type):not(:last-of-type) { padding-top: 5%; padding-bottom: 5%; } .container { padding-left: 7%; padding-right: 7%; } .conteudo { font-family: 'Raleway', sans-serif; font-size: 1rem; color: var(--cinza); line-height: 200%; margin-top: 2%; text-align: left; } .conteudo a { text-decoration: underline; } .conteudo p { margin-bottom: 2rem; } .conteudo b, .conteudo strong { font-weight: 600; } .conteudo h1, .modificado .conteudo h2 { font-family: Montserrat,sans-serif; font-size: 1.8rem; color: var(--cinza); font-weight: 600; margin-bottom: 2%; text-align: center; } .conteudo h1 i, .modificado .conteudo h2 i { font-style: italic; font-weight: 400; } .primeira-secao { margin-top: 1rem; } .titulo-bg { text-align: center; font-family: Montserrat,sans-serif; } .titulo-bg span { font-size: 1.2rem; padding-left: 0.3rem; padding-right: 0.3rem; color: #fff; font-weight: 600; } .titulo-bg strong { font-size: 2rem; color: var(--cinza); font-weight: 600; } .titulo-cor-img { display: flex; } .titulo-cor-img .txt { font-family: Montserrat,sans-serif; font-size: 1.8rem; font-weight: 600; margin-left: 2%; display: flex; justify-content: center; flex-direction: column; text-align: left; } .titulo-cor .txt { font-family: Montserrat,sans-serif; font-size: 1.5rem; font-weight: 600; display: flex; justify-content: center; flex-direction: column; text-align: left; margin-bottom: 0.8rem; text-align: center; } .citacao-cinza { margin-top: 1%; margin-bottom: 1%; padding: 5% 0; font-family: 'Raleway', sans-serif; color: var(--cinza); background-color: #E5E5E5; text-align: center; } .citacao-cinza { margin-top: 3%; margin-bottom: 3%; padding: 5% 0; font-family: 'Raleway', sans-serif; color: var(--cinza); background-color: #E5E5E5; text-align: center; } .citacao-cinza-img { margin-top: 3%; margin-bottom: 3%; padding: 5% 0 0 0; font-family: 'Raleway', sans-serif; color: var(--cinza); background-color: #eeeeee; text-align: center; padding-top: 0px !important; padding-bottom: 0px !important; } .citacao-cinza br { display: none; } .citacao-cinza-img .container img { max-width: 100%; display: flex; margin-left: auto; margin-right: auto; } .citacao-cinza-img .container .img { display: flex; justify-content: center; } .citacao-cinza-img .container .txt { display: flex; justify-content: center; flex-direction: column; text-align: center; } .citacao-cinza-img .container .txt i { font-weight: 900; font-size: 3rem; } .citacao-cinza-img .container .img, .citacao-cinza-img .container .txt { width: 100%; } .citacao-cor { margin-top: 3%; margin-bottom: 3%; padding: 5% 0; font-family: 'Raleway', sans-serif; color: #fff; text-align: center; } .citacao-cinza strong, .citacao-cor strong, .citacao-cinza-img strong { font-size: 1.7rem; font-style: italic; } .citacao-cinza span, .citacao-cor span, .citacao-cinza-img span { font-size: 1rem; } .citacao-cinza p, .citacao-cor p, .citacao-cinza-img p { margin-top: 2%; } .orcamento-esq, .orcamento-dir { position: relative; float: left; width: 86%; font-family: 'Raleway', sans-serif; font-size: 1.1rem; color: #fff; text-align: center; margin-top: 3%; margin-left: 7%; margin-right: 7%; margin-bottom: 1%; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border: 0px solid #000000; line-height: 160%; padding-top: 0px !important; padding-bottom: 0px !important; } .orcamento-full { display: flex; font-family: 'Raleway', sans-serif; font-size: 1.1rem; color: #fff; text-align: center; padding-top: 5%; margin-top: 5%; margin-bottom: 5%; line-height: 160%; } .orcamento-full .img, .orcamento-full .txt { width: 100%; margin-top: 3rem; } .orcamento-full p:first-child strong { font-size: 2rem; } .orcamento-full p:nth-child(2) { text-align: justify; } .orcamento-full .img img { width: 100%; display: flex; } .orcamento-esq .img, .orcamento-dir .img { margin-top: -4%; } .orcamento-esq .img img, .orcamento-dir .img img { display: flex; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 8%; max-width: 80%; } .orcamento-esq .txt, .orcamento-dir .txt { position: relative; width: 90%; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%; margin-top: 10%; } .orcamento-dir .txt { margin-left: auto; } .orcamento-esq strong, .orcamento-dir strong, .orcamento-full strong { font-family: Montserrat,sans-serif; font-weight: 600; text-transform: uppercase; } .orcamento-esq a, .orcamento-dir a, .orcamento-full a { color: #fff; text-decoration: none; } .orcamento-esq input[type=button], .orcamento-dir input[type=button] { margin-left: auto; margin-right: auto; padding: 2%; font-size: 1.1rem; margin-top: 3%; font-weight: 600; background-color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; transition: all .4s; } .orcamento-full input[type=button] { padding: 2%; font-size: 1.1rem; margin-top: 3rem; font-weight: 600; background-color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; transition: all .4s; } .orcamento-esq input[type=button]:hover, .orcamento-dir input[type=button]:hover, .orcamento-full input[type=button]:hover { color: #fff !important; cursor: pointer; transition: all .3s; } .topico-txt { font-family: Montserrat,sans-serif; font-weight: 600; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 0.8rem; line-height: 160%; } .topico-txt span { padding: 1% 1% 1% 0; background-color: #fff; } .topico-txt span i { font-weight: 400; font-style: italic; } .topico-txt .traco { margin-top: -1.8vw; z-index: -1; } .topico-img { margin-bottom: 3rem; } .topico-img .img { display: flex; font-family: Montserrat,sans-serif; font-weight: 600; } .topico-img .img img { height: 100%; } .topico-img .txt { font-size: 1.2rem; margin-top: auto; margin-bottom: auto; margin-left: 4%; color: var(--cinza); background-color: #fff; } .topico-img .txt-cima { font-size: 1.2rem; margin-top: auto; margin-bottom: auto; margin-left: 4%; color: var(--cinza); background-color: #fff; } .txt-cima br { display: none; } .topico-img .traco { width: 90%; margin-top: auto; margin-bottom: auto; margin-left: 10%; } .topico-img .traco-cima { width: 90%; margin-left: 10%; margin-top: auto; margin-bottom: auto; } .topico-img-conteudo { width: 100%; } .lista-bola, lista-flecha { line-height: 165%; } .lista-bola li, lista-flecha li { margin-bottom: 0.5rem; } .lista-bola li:before { position: relative; float: left; content: '•'; font-size: 2.6rem; margin-top: -0.3rem; margin-right: 0.5rem; } .lista-flecha li { padding-left: 1.5rem; color: var(--cinza); background-image: url(../images/icones/flecha-cinza.png); background-repeat: no-repeat; background-size: 1rem 1rem; background-position-y: 0.5rem; font-size: 1rem; margin-bottom: 0.5rem; line-height: 150%; } } @media(min-width: 993px) { .desktop { } .mobile { display: none !important; } section:not(:first-of-type):not(:last-of-type) { padding-top: 2%; padding-bottom: 2%; } section { transition: all .6s; } section.aberto{ padding-left: 25% !important; } .container { padding-left: 15%; padding-right: 15%; transition: all .6s; } .container.aberto { padding-left: 0%; padding-right: 2%; } .conteudo { font-family: 'Raleway', sans-serif; font-size: 1vw; color: var(--cinza); line-height: 200%; margin-top: 2%; text-align: justify; } .conteudo a { text-decoration: underline; } .conteudo p { margin-bottom: 2rem; } .conteudo b, .conteudo strong { font-weight: 600; } .conteudo h1, .modificado .conteudo h2 { font-family: Montserrat,sans-serif; font-size: 1.8vw; color: var(--cinza); font-weight: 600; margin-bottom: 2%; } .conteudo h1 i, .modificado .conteudo h2 i { font-style: italic; font-weight: 400; } .primeira-secao { margin-top: 6rem; } .titulo-bg { font-family: Montserrat,sans-serif; } .titulo-bg span { font-size: 1.2vw; padding-left: 0.3vw; padding-right: 0.3vw; color: #fff; font-weight: 600; } .titulo-bg strong { font-size: 2vw; color: var(--cinza); font-weight: 600; } .titulo-cor-img { display: flex; } .titulo-cor-img .txt { font-family: Montserrat,sans-serif; font-size: 1.8vw; font-weight: 600; margin-left: 2%; display: flex; justify-content: center; flex-direction: column; text-align: left; } .titulo-cor .txt { font-family: Montserrat,sans-serif; font-size: 1.5vw; font-weight: 600; display: flex; justify-content: center; flex-direction: column; text-align: left; margin-bottom: 0.8rem; } .citacao-cinza { margin-top: 1%; margin-bottom: 1%; padding: 5% 0; font-family: 'Raleway', sans-serif; color: var(--cinza); background-color: #E5E5E5; text-align: center; } .citacao-cinza.aberto .container { padding-left: 0% !important; } .citacao-cinza-img { margin-top: 3%; margin-bottom: 3%; padding: 5% 0 0 0; font-family: 'Raleway', sans-serif; color: var(--cinza); background-color: #eeeeee; text-align: center; padding-top: 0px !important; padding-bottom: 0px !important; } .citacao-cinza-img .container { display: flex; } .citacao-cinza-img .container .img { display: flex; justify-content: center; } .citacao-cinza-img .container .img img { height: 100%; } .citacao-cinza-img .container .txt { display: flex; justify-content: center; flex-direction: column; text-align: left; } .citacao-cinza-img .container .txt i { font-weight: 900; font-size: 3vw; } .citacao-cinza-img .container .img, .citacao-cinza-img .container .txt { width: 50%; } .citacao-cor { margin-top: 3%; margin-bottom: 3%; padding: 5% 0; font-family: 'Raleway', sans-serif; color: #fff; text-align: center; } .citacao-cinza strong, .citacao-cor strong, .citacao-cinza-img strong { font-size: 1.7vw; font-style: italic; } .citacao-cinza span, .citacao-cor span, .citacao-cinza-img span { font-size: 1vw; } .citacao-cinza p, .citacao-cor p, .citacao-cinza-img p { margin-top: 2%; } .orcamento-esq { display: flex; font-family: 'Raleway', sans-serif; font-size: 1.1vw; color: #fff; text-align: center; padding-left: 4%; margin-top: 3%; margin-left: 7%; margin-bottom: 1%; border-radius: 200px 0px 0px 200px; -moz-border-radius: 200px 0px 0px 200px; -webkit-border-radius: 200px 0px 0px 200px; border: 0px solid #000000; line-height: 140%; padding-top: 0px !important; padding-bottom: 0px !important; transition: all .6s; } .orcamento-dir { display: flex; font-family: 'Raleway', sans-serif; font-size: 1.1vw; color: #fff; text-align: center; padding-left: 4%; margin-top: 3%; margin-right: 7%; margin-bottom: 1%; border-radius: 0px 200px 200px 0px; -moz-border-radius: 0px 200px 200px 0px; -webkit-border-radius: 0px 200px 200px 0px; border: 0px solid #000000; line-height: 140%; padding-top: 0px !important; padding-bottom: 0px !important; transition: all .6s; } .orcamento-full { display: flex; font-family: 'Raleway', sans-serif; font-size: 1.1vw; color: #fff; text-align: center; margin-top: 5%; margin-bottom: 5%; line-height: 160%; } .orcamento-full .container { display: flex; } .orcamento-full .img, .orcamento-full .txt { width: 50%; display: flex; justify-content: center; flex-direction: column; text-align: center; } .orcamento-full p:first-child strong { font-size: 2vw; } .orcamento-full .img img { width: 100%; height: 100%; } .orcamento-full.aberto .container{ padding-left: 0% !important; } .orcamento-esq .img, .orcamento-dir .img { margin-top: -4%; } .orcamento-esq .img { margin-left: 5vw; } .orcamento-dir .img { margin-left: auto; margin-right: 5%; } .orcamento-esq .img img, .orcamento-dir .img img { max-width: 18vw; padding-right: 2vw; display: block; } .orcamento-esq .txt, .orcamento-dir .txt { display: flex; justify-content: center; flex-direction: column; } .orcamento-esq .txt { padding-left: 3vw; } .orcamento-dir .txt { margin-left: auto; margin-right: -10%; z-index: 1; } .orcamento-esq strong, .orcamento-dir strong, .orcamento-full strong { font-family: Montserrat,sans-serif; font-weight: 600; text-transform: uppercase; } .orcamento-esq a, .orcamento-dir a, .orcamento-full a { color: #fff; text-decoration: none; transition: all .4s; } .orcamento-esq input[type=button]:hover, .orcamento-dir input[type=button]:hover, .orcamento-full input[type=button]:hover { color: #fff !important; cursor: pointer; transition: all .3s; } .orcamento-esq input[type=button], .orcamento-dir input[type=button] { width: 25vw; margin-left: auto; margin-right: auto; padding: 2%; font-size: 1.1vw; margin-top: 3%; font-weight: 600; background-color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; } .orcamento-esq.aberto { margin-left: 15%; padding-left: 5% !important; } .orcamento-dir.aberto { margin-right: 2%; } .orcamento-full input[type=button] { width: 25vw; padding: 2%; font-size: 1.1vw; margin-top: 3%; font-weight: 600; background-color: #fff; border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px; border: 0px solid #000000; } .topico-txt { font-family: Montserrat,sans-serif; font-weight: 600; font-size: 1.2vw; text-transform: uppercase; margin-bottom: 0.8rem; } .topico-txt span { padding: 1% 1% 1% 0; background-color: #fff; } .topico-txt span i { font-weight: 400; font-style: italic; } .topico-txt .traco { margin-top: -0.8vw; z-index: -1; } .topico-img { display: flex; margin-bottom: 2%; } .topico-img .img { width: 30%; height: 4vw; font-family: Montserrat,sans-serif; font-weight: 600; } .topico-img .img img { height: 100%; } .topico-img .txt { font-size: 1.2vw; display: flex; justify-content: center; flex-direction: column; margin-top: -3vw; margin-left: 7vw; color: var(--cinza); background-color: #fff; width: 45%; } .topico-img .txt-cima { font-size: 1.2vw; display: flex; justify-content: center; flex-direction: column; margin-top: -3.6vw; margin-left: 7vw; color: var(--cinza); background-color: #fff; width: 45%; } .topico-img .traco { width: 15%; margin-top: -0.8vw; z-index: -1; position: absolute; margin-left: 13vw; } .topico-img .traco-cima { width: 10%; margin-top: -2.3vw; z-index: -1; position: absolute; margin-left: 18vw; } .topico-img-conteudo { width: 60%; margin-left: 15%; } .lista-bola, lista-flecha { line-height: 165%; } .lista-bola, lista-flecha li { margin-bottom: 2rem; } .lista-bola li:before { position: relative; float: left; content: '•'; font-size: 2.8vw; margin-top: -0.3vw; margin-right: 0.5vw; } .lista-flecha li { padding-left: 1.5vw; color: var(--cinza); background-image: url(../images/icones/flecha-cinza.png); background-repeat: no-repeat; background-size: 1vw 1vw; background-position-y: 0.5vw; font-size: 1vw; } } /* GLOBAIS QUE NÃO NECESSITAM DE ADAPTAÇÃO */ .w-100 { width: 100%; } .w-80 { width: 80%; } .mw-80 { max-width: 80%; } .ancora{ position: absolute; margin-top: -100px; } .pb-0 { padding-bottom: 0px !important; } .clear { clear: both; } .text-center { text-align: center; } .bg-cinza-claro { background-color: var(--cinza-claro) !important; } .font-normal { font-style: normal !important; } .font-italic { font-style: italic !important; } /* CORES/IMAGENS | ELEMENTOS GLOBAIS */ /* INBOUDN MARKETING */ @media(max-width: 992px) { #inbound-marketing #banner { background-image: url(../images/inbound/banner-mobile.jpg); } } @media(min-width: 993px) { #inbound-marketing #banner { background-image: url(../images/inbound/banner.jpg); } } #inbound-marketing #sumario.fechado, #inbound-marketing #sumario-btn-fecha img, #inbound-marketing .titulo-bg span, #inbound-marketing #menu-fixo, #inbound-marketing .orcamento-full, #inbound-marketing .orcamento-esq, #inbound-marketing .orcamento-dir, #inbound-marketing .citacao-cor, #inbound-marketing .formulario input[type=submit], #inbound-marketing #toTop { background-color: var(--magento); } #inbound-marketing #sumario.aberto, #inbound-marketing #sumario-btn-abre img, #inbound-marketing .formulario input[type=submit]:hover, #inbound-marketing .orcamento-esq input[type=button]:hover, #inbound-marketing .orcamento-dir input[type=button]:hover, #inbound-marketing .orcamento-full input[type=button]:hover { background-color: var(--magento-escuro); } #inbound-marketing #sumario a:hover, #inbound-marketing .orcamento-esq input[type=button], #inbound-marketing .orcamento-dir input[type=button], #inbound-marketing .orcamento-full input[type=button], #inbound-marketing .lista-bola li:before, #inbound-marketing .topico-txt, #inbound-marketing .conteudo a:hover { color: var(--magento); } #inbound-marketing .orcamento-esq a:hover, #inbound-marketing .orcamento-dir a:hover, #inbound-marketing .orcamento-full a:hover, #inbound-marketing #banner-formulario-contato a:hover { color: var(--magento-claro); } #inbound-marketing .topico-img .traco-cima, #inbound-marketing .topico-img .traco, #inbound-marketing .topico-txt .traco { border-bottom: 2px solid var(--magento); } #inbound-marketing .formulario-titulo span { border-color: var(--magento); } /* REDES SOCIAIS */ @media(max-width: 992px) { #redes-sociais #banner { background-image: url(../images/redes-sociais/banner-mobile.jpg); } } @media(min-width: 993px) { #redes-sociais #banner { background-image: url(../images/redes-sociais/banner.jpg); } } #redes-sociais #sumario.fechado, #redes-sociais #sumario-btn-fecha img, #redes-sociais .titulo-bg span, #redes-sociais #menu-fixo, #redes-sociais .orcamento-full, #redes-sociais .orcamento-esq, #redes-sociais .orcamento-dir, #redes-sociais .formulario input[type=submit], #redes-sociais #toTop { background-color: var(--dourado); } #redes-sociais #sumario.aberto, #redes-sociais #sumario-btn-abre img, #redes-sociais .formulario input[type=submit]:hover, #redes-sociais .orcamento-esq input[type=button]:hover, #redes-sociais .orcamento-dir input[type=button]:hover, #redes-sociais .orcamento-full input[type=button]:hover { background-color: var(--dourado-escuro); } #redes-sociais #sumario a:hover, #redes-sociais .orcamento-esq input[type=button], #redes-sociais .orcamento-dir input[type=button], #redes-sociais .orcamento-full input[type=button], #redes-sociais .titulo-cor-img .txt, #redes-sociais .titulo-cor .txt, #redes-sociais .lista-bola li:before, #redes-sociais .topico-txt, #redes-sociais .conteudo a:hover { color: var(--dourado); } #redes-sociais .orcamento-esq a:hover, #redes-sociais .orcamento-dir a:hover, #redes-sociais .orcamento-full a:hover, #redes-sociais #banner-formulario-contato a:hover { color: var(--dourado-claro); } #redes-sociais .topico-img .traco-cima, #redes-sociais .topico-img .traco, #redes-sociais .topico-txt .traco { border-bottom: 2px solid var(--dourado); } #redes-sociais .formulario-titulo span { border-color: var(--dourado); } /* GOOGLE ADS */ @media(max-width: 992px) { #google-ads #banner { background-image: url(../images/google-ads/banner-mobile.jpg); } } @media(min-width: 993px) { #google-ads #banner { background-image: url(../images/google-ads/banner.jpg); } } #google-ads #sumario.fechado, #google-ads #sumario-btn-fecha img, #google-ads .titulo-bg span, #google-ads #menu-fixo, #google-ads .orcamento-full, #google-ads .orcamento-esq, #google-ads .orcamento-dir, #google-ads .formulario input[type=submit], #google-ads #toTop { background-color: var(--laranja); } #google-ads #sumario.aberto, #google-ads #sumario-btn-abre img, #google-ads .formulario input[type=submit]:hover, #google-ads .orcamento-esq input[type=button]:hover, #google-ads .orcamento-dir input[type=button]:hover, #google-ads .orcamento-full input[type=button]:hover { background-color: var(--laranja-escuro); } #google-ads #sumario a:hover, #google-ads .orcamento-esq input[type=button], #google-ads .orcamento-dir input[type=button], #google-ads .orcamento-full input[type=button], #google-ads .titulo-cor-img .txt, #google-ads .titulo-cor .txt, #google-ads .lista-bola li:before, #google-ads .topico-txt, #google-ads .conteudo a:hover { color: var(--laranja); } #google-ads .orcamento-esq a:hover, #google-ads .orcamento-dir a:hover, #google-ads .orcamento-full a:hover, #google-ads #banner-formulario-contato a:hover { color: var(--laranja-claro); } #google-ads .topico-img .traco-cima, #google-ads .topico-img .traco, #google-ads .topico-txt .traco { border-bottom: 2px solid var(--laranja); } #google-ads .formulario-titulo span { border-color: var(--laranja); } #google-ads #onde-anunciar.orange { background-color: var(--laranja-claro); } /* CRIAÇÃO DE WEBSITE */ @media(max-width: 992px) { #criacao-website #banner { background-image: url(../images/website/banner-mobile.jpg); } } @media(min-width: 993px) { #criacao-website #banner { background-image: url(../images/website/banner.jpg); } } #criacao-website #sumario.fechado, #criacao-website #sumario-btn-fecha img, #criacao-website .titulo-bg span, #criacao-website #menu-fixo, #criacao-website .orcamento-full, #criacao-website .orcamento-esq, #criacao-website .orcamento-dir, #criacao-website .citacao-cor, #criacao-website .formulario input[type=submit], #criacao-website #toTop { background-color: var(--verde); } #criacao-website #sumario.aberto, #criacao-website #sumario-btn-abre img, #criacao-website .formulario input[type=submit]:hover, #criacao-website .orcamento-esq input[type=button]:hover, #criacao-website .orcamento-dir input[type=button]:hover, #criacao-website .orcamento-full input[type=button]:hover { background-color: var(--verde-escuro); } #criacao-website #sumario a:hover, #criacao-website .orcamento-esq input[type=button], #criacao-website .orcamento-dir input[type=button], #criacao-website .orcamento-full input[type=button], #criacao-website .lista-bola li:before, #criacao-website .topico-txt, #criacao-website .titulo-cor .txt, #criacao-website .conteudo a:hover { color: var(--verde); } #criacao-website .orcamento-esq a:hover, #criacao-website .orcamento-dir a:hover, #criacao-website .orcamento-full a:hover, #criacao-website #banner-formulario-contato a:hover { color: var(--verde-claro); } #criacao-website .topico-img .traco-cima, #criacao-website .topico-img .traco, #criacao-website .topico-txt .traco { border-bottom: 2px solid var(--verde); } #criacao-website .formulario-titulo span { border-color: var(--verde); } /* SEO */ @media(max-width: 992px) { #seo #banner { background-image: url(../images/seo/banner-mobile.jpg); } } @media(min-width: 993px) { #seo #banner { background-image: url(../images/seo/banner.jpg); } } #seo #sumario.fechado, #seo #sumario-btn-fecha img, #seo .titulo-bg span, #seo #menu-fixo, #seo .orcamento-full, #seo .orcamento-esq, #seo .orcamento-dir, #seo .citacao-cor, #seo .formulario input[type=submit], #seo #toTop { background-color: var(--purpura); } #seo #sumario.aberto, #seo #sumario-btn-abre img, #seo .formulario input[type=submit]:hover, #seo .orcamento-esq input[type=button]:hover, #seo .orcamento-dir input[type=button]:hover, #seo .orcamento-full input[type=button]:hover { background-color: var(--purpura-escuro); } #seo #sumario a:hover, #seo .orcamento-esq input[type=button], #seo .orcamento-dir input[type=button], #seo .orcamento-full input[type=button], #seo .lista-bola li:before, #seo .topico-txt, #seo .titulo-cor .txt, #seo .conteudo a:hover { color: var(--purpura); } #seo .orcamento-esq a:hover, #seo .orcamento-dir a:hover, #seo .orcamento-full a:hover, #seo #banner-formulario-contato a:hover { color: var(--purpura-claro); } #seo .topico-img .traco-cima, #seo .topico-img .traco, #seo .topico-txt .traco { border-bottom: 2px solid var(--purpura); } #seo .formulario-titulo span { border-color: var(--purpura); } /* LOJA VIRTUAL */ @media(max-width: 992px) { #loja-virtual #banner { background-image: url(../images/loja-virtual/banner-mobile.jpg); } } @media(min-width: 993px) { #loja-virtual #banner { background-image: url(../images/loja-virtual/banner.jpg); } } #loja-virtual #sumario.fechado, #loja-virtual #sumario-btn-fecha img, #loja-virtual .titulo-bg span, #loja-virtual #menu-fixo, #loja-virtual .orcamento-full, #loja-virtual .orcamento-esq, #loja-virtual .orcamento-dir, #loja-virtual .citacao-cor, #loja-virtual .formulario input[type=submit], #loja-virtual #toTop { background-color: var(--roxo); } #loja-virtual #sumario.aberto, #loja-virtual #sumario-btn-abre img, #loja-virtual .formulario input[type=submit]:hover, #loja-virtual .orcamento-esq input[type=button]:hover, #loja-virtual .orcamento-dir input[type=button]:hover, #loja-virtual .orcamento-full input[type=button]:hover { background-color: var(--roxo-escuro); } #loja-virtual #sumario a:hover, #loja-virtual .orcamento-esq input[type=button], #loja-virtual .orcamento-dir input[type=button], #loja-virtual .orcamento-full input[type=button], #loja-virtual .lista-bola li:before, #loja-virtual .topico-txt, #loja-virtual .titulo-cor .txt, #loja-virtual .conteudo a:hover { color: var(--roxo); } #loja-virtual .roxo-esq a:hover, #loja-virtual .orcamento-dir a:hover, #loja-virtual .orcamento-full a:hover, #loja-virtual #banner-formulario-contato a:hover { color: var(--vermelho-claro); } #loja-virtual .topico-img .traco-cima, #loja-virtual .topico-img .traco, #loja-virtual .topico-txt .traco { border-bottom: 2px solid var(--roxo); } #loja-virtual .formulario-titulo span { border-color: var(--roxo); } /* IDENTIDADE VISUAL */ @media(max-width: 992px) { #identidade-visual #banner { background-image: url(../images/identidade-visual/banner-mobile.jpg); } } @media(min-width: 993px) { #identidade-visual #banner { background-image: url(../images/identidade-visual/banner.jpg); } } #identidade-visual #sumario.fechado, #identidade-visual #sumario-btn-fecha img, #identidade-visual .titulo-bg span, #identidade-visual #menu-fixo, #identidade-visual .orcamento-full, #identidade-visual .orcamento-esq, #identidade-visual .orcamento-dir, #identidade-visual .citacao-cor, #identidade-visual .formulario input[type=submit], #identidade-visual #toTop { background-color: var(--vermelho); } #identidade-visual #sumario.aberto, #identidade-visual #sumario-btn-abre img, #identidade-visual .formulario input[type=submit]:hover, #identidade-visual .orcamento-esq input[type=button]:hover, #identidade-visual .orcamento-dir input[type=button]:hover, #identidade-visual .orcamento-full input[type=button]:hover { background-color: var(--vermelho-escuro); } #identidade-visual #sumario a:hover, #identidade-visual .orcamento-esq input[type=button], #identidade-visual .orcamento-dir input[type=button], #identidade-visual .orcamento-full input[type=button], #identidade-visual .lista-bola li:before, #identidade-visual .topico-txt, #identidade-visual .titulo-cor .txt, #identidade-visual .conteudo a:hover { color: var(--vermelho); } #identidade-visual .orcamento-esq a:hover, #identidade-visual .orcamento-dir a:hover, #identidade-visual .orcamento-full a:hover, #identidade-visual #banner-formulario-contato a:hover { color: var(--vermelho-claro); } #identidade-visual .topico-img .traco-cima, #identidade-visual .topico-img .traco, #identidade-visual .topico-txt .traco { border-bottom: 2px solid var(--vermelho); } #identidade-visual .formulario-titulo span { border-color: var(--vermelho); } /* CALL TRACKING */ @media(max-width: 992px) { #call-tracking #banner { background-image: url(../images/call-tracking/banner-mobile.jpg); } } @media(min-width: 993px) { #call-tracking #banner { background-image: url(../images/call-tracking/banner.jpg); } } #call-tracking #sumario.fechado, #call-tracking #sumario-btn-fecha img, #call-tracking .titulo-bg span, #call-tracking #menu-fixo, #call-tracking .orcamento-full, #call-tracking .orcamento-esq, #call-tracking .orcamento-dir, #call-tracking .citacao-cor, #call-tracking .formulario input[type=submit], #call-tracking #toTop { background-color: var(--verde-limao); } #call-tracking #sumario.aberto, #call-tracking #sumario-btn-abre img, #call-tracking .formulario input[type=submit]:hover, #call-tracking .orcamento-esq input[type=button]:hover, #call-tracking .orcamento-dir input[type=button]:hover, #call-tracking .orcamento-full input[type=button]:hover { background-color: var(--verde-limao-escuro); } #call-tracking #sumario a:hover, #call-tracking .orcamento-esq input[type=button], #call-tracking .orcamento-dir input[type=button], #call-tracking .orcamento-full input[type=button], #call-tracking .lista-bola li:before, #call-tracking .topico-txt, #call-tracking .titulo-cor .txt, #call-tracking .conteudo a:hover { color: var(--verde-limao); } #call-tracking .orcamento-esq a:hover, #call-tracking .orcamento-dir a:hover, #call-tracking .orcamento-full a:hover, #call-tracking #banner-formulario-contato a:hover { color: var(--verde-limao-claro); } #call-tracking .topico-img .traco-cima, #call-tracking .topico-img .traco, #call-tracking .topico-txt .traco { border-bottom: 2px solid var(--verde-limao); } #call-tracking .formulario-titulo span { border-color: var(--verde-limao); } /* ------------------------ FOOTER ---------------------------------*/ @media(max-width: 992px) { footer { padding-bottom: 10%; } footer hr { border-color: #E5E5E5; margin-top: 2%; } #footer-redes-sociais { display: flex; justify-content: space-around; width: 25%; margin-left: auto; margin-right: auto; } #footer-menu { display: flex; justify-content: space-around; width: 70%; margin-left: auto; margin-right: auto; padding-top: 2%; font-weight: 600; font-family: Montserrat,sans-serif; font-size: 1rem; } #footer-menu a { color: #161036; text-decoration: none; } #footer-info { display: flex; color: #979797; justify-content: center; font-weight: 600; font-family: Montserrat,sans-serif; font-weight: 100; margin-top: 2%; font-size: 0.8rem; } #footer-info div:nth-child(1) { margin-right: 2%; } #footer-info a { font-size: 0.8rem; font-weight: 700; color: #1C82AA; text-decoration: none; } #footer-desenvolvimento { display: flex; font-family: Montserrat,sans-serif; font-size: 0.8rem; } #footer-desenvolvimento-logo img { width: 48px; } #footer-desenvolvimento-id { width: 50%; display: flex; justify-content: center; flex-direction: column; color: #979797; padding-left: 2%; } #footer-desenvolvimento-direitos { width: 50%; display: flex; justify-content: center; flex-direction: column; text-align: right; color: #979797; } #toTop { cursor: pointer; padding: 1%; width: 1.5rem; height: 1.5rem; color: #fff; position: fixed; bottom: 6rem; right: 5px; display: none; text-align: center; border-radius: 50%; } #toTop img { width: 100%; } } @media(max-width: 620px) { #footer-redes-sociais { width: 70%; margin-left: auto; margin-right: auto; } #footer-menu { width: 100%; display: block; text-align: center; } #footer-menu div { margin-top: 2%; margin-bottom: 2%; } #footer-info { display: block; text-align: center; } #footer-info div { margin-top: 1%; margin-bottom: 1%; } #footer-desenvolvimento, #footer-desenvolvimento-id, #footer-desenvolvimento-direitos { width: 100%; display: block; text-align: center; } } @media(min-width: 993px) { footer { padding-bottom: 2%; } footer hr { border-color: #E5E5E5; margin-top: 2%; } footer .container.aberto { padding-left: 25%; } #footer-redes-sociais { display: flex; justify-content: space-around; width: 25%; margin-left: auto; margin-right: auto; } #footer-menu { display: flex; justify-content: space-around; width: 40%; margin-left: auto; margin-right: auto; padding-top: 2%; font-weight: 600; font-family: Montserrat,sans-serif; font-size: 1vw; } #footer-menu a { color: #161036; text-decoration: none; } #footer-info { display: flex; color: #979797; justify-content: center; font-weight: 600; font-family: Montserrat,sans-serif; font-weight: 100; margin-top: 2%; font-size: 0.8vw; } #footer-info div:nth-child(1) { margin-right: 2%; } #footer-info a { font-size: 0.8vw; font-weight: 700; color: #1C82AA; text-decoration: none; } #footer-desenvolvimento { display: flex; font-family: Montserrat,sans-serif; font-size: 0.8vw; } #footer-desenvolvimento-logo img { width: 48px; } #footer-desenvolvimento-id { width: 50%; display: flex; justify-content: center; flex-direction: column; color: #979797; padding-left: 2%; } #footer-desenvolvimento-direitos { width: 50%; display: flex; justify-content: center; flex-direction: column; text-align: right; color: #979797; } #toTop { cursor: pointer; padding: 1%; width: 1rem; height: 1rem; color: #fff; position: fixed; bottom: 6rem; right: 5px; display: none; text-align: center; border-radius: 50%; } #toTop img { width: 100%; } } /* ANIMAÇÃO E EFEITOS */ /* ACCORDION */ /* ACCORDION - BOTÃO */ @media(max-width: 992px) { .btn-collapse { display: block; background-color: rgba(255,255,255,0); border: 0px; padding-left: 1.5rem; text-align: left; } .btn-collapse-active { color: var(--magento) !important; background-image: url('../images/inbound/ic-collapsed.png') !important; } .btn-collapse-collapsed { color: var(--cinza); font-size: 1.1rem; font-weight: 600; font-family: Montserrat,sans-serif; background-image: url('../images/inbound/ic-collapse.png'); background-repeat: no-repeat; background-size: 1rem 1rem; margin-bottom: 0.5rem; } } @media(min-width: 993px) { .btn-collapse { display: block; background-color: rgba(255,255,255,0); border: 0px; padding-left: 1.5vw; } .btn-collapse-active { color: var(--magento) !important; background-image: url('../images/inbound/ic-collapsed.png') !important; } .btn-collapse-collapsed { color: var(--cinza); font-size: 1.1vw; font-weight: 600; font-family: Montserrat,sans-serif; background-image: url('../images/inbound/ic-collapse.png'); background-repeat: no-repeat; background-size: 1vw 1vw; margin-bottom: 0.5rem; } } /* ACCORDION - CAIXA */ @media(max-width: 992px) { .box-collapse { display: block; background-color: rgba(255,255,255,0); border: 0px; padding-left: 1.5vw; } .box-collapse-active { color: var(--verde) !important; background-image: url('../images/website/ic-collapsed.png') !important; border-radius: 20px 20px 0px 0px !important; -moz-border-radius: 20px 20px 0px 0px !important; -webkit-border-radius: 20px 20px 0px 0px !important; } .box-collapse-collapsed { width: 100%; padding: 1% 3%; color: var(--verde); text-align: left; font-size: 1.1rem; font-weight: 600; font-family: Montserrat,sans-serif; background-image: url(../images/website/ic-collapse.png); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 40%; background-size: 1vw 1vw; border: 2px solid var(--verde); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; } .box.collapse { border: 2px solid var(--verde); padding: 1%; } .box.collapse.in { border: 2px solid var(--verde); border-top: 0px; padding: 1%; } .box.collapse, .box.collapse p { opacity: 0; } .box.collapse.in, .box.collapse.in p { opacity: 1; } } @media(min-width: 993px) { .box-collapse { display: block; background-color: rgba(255,255,255,0); border: 0px; padding-left: 1.5vw; } .box-collapse-active { color: var(--verde) !important; background-image: url('../images/website/ic-collapsed.png') !important; border-radius: 20px 20px 0px 0px !important; -moz-border-radius: 20px 20px 0px 0px !important; -webkit-border-radius: 20px 20px 0px 0px !important; } .box-collapse-collapsed { width: 100%; padding: 1% 3%; color: var(--verde); text-align: left; font-size: 1.1vw; font-weight: 600; font-family: Montserrat,sans-serif; background-image: url(../images/website/ic-collapse.png); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 40%; background-size: 1vw 1vw; border: 2px solid var(--verde); border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; } .box.collapse { border: 2px solid var(--verde); padding: 1%; } .box.collapse.in { border: 2px solid var(--verde); border-top: 0px; padding: 1%; } .box.collapse, .box.collapse p { opacity: 0; } .box.collapse.in, .box.collapse.in p { opacity: 1; } } /* TERMINAL */ .fx-terminal { position: absolute; display: inline-block; line-height: 24px; } @media(max-width: 992px) { .fx-terminal::after { content: ""; position: absolute; top: 0.4rem; right: -11px; display: inline-block; background-color: #606060; vertical-align: top; width: 0.5rem; height: 1.2rem; -webkit-animation: blink 1s step-end infinite; animation: blink 1s step-end infinite; } } @media(min-width: 993px) { .fx-terminal::after { content: ""; position: absolute; top: 0.3vw; right: -0.5vw; display: inline-block; background-color: #606060; vertical-align: top; width: 0.2vw; height: 1.4vw; -webkit-animation: blink 1s step-end infinite; animation: blink 1s step-end infinite; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blink { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } /* ZOOM */ @media(min-width: 993px) { .zoom:hover { transform: scale(1.2) } } #menu-whatsapp { position: fixed; right: 0px; bottom: 3%; z-index: 9; } #menu-whatsapp img { width: 4rem !important; }