@charset "utf-8";

/* *********************************** */
/*      RESETS E ESTILOS PADRAO        */
/* *********************************** */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul { list-style: none; }
button, input, select, textarea{ margin: 0; }
img, embed, iframe, object, video{ height: auto; max-width: 100%; border: 0; margin: 0; padding: 0; }
audio { max-width: 100%; }
iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; text-align: left; }
html { background-color: #FFFFFF; font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; text-rendering: optimizeLegibility; box-sizing: border-box; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
article, aside, figure, footer, header, hgroup, section{ display: block; }
body, button, input, select, textarea{ font-family: 'Open Sans', 'Arial', sans-serif, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica'; }
code, pre{ -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
body { color: #4C453D; font-weight: 400; line-height: 1.5; -webkit-overflow-scrolling: touch; margin: 0; }
a { cursor: pointer; text-decoration: none; color: inherit; }
a strong { color: currentColor; }
/* a:hover { color: #3273dc; } */
code { background-color: whitesmoke; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }
hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; }
input[type="checkbox"], input[type="radio"] { vertical-align: baseline; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { font-weight: bolder; }
fieldset { border: none; }
pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; }
pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
table td, table th { text-align: left; vertical-align: top; }

/* body{ background-image:none !important; } */

.hack          { clear:both; }
.oculto        { display:none; }
.block         { display: block; }

.flex             { display: flex; }
.flex-wrap        { flex-wrap: wrap; }
.justify-center   { justify-content: center; }
.justify-start    { justify-content: flex-start; }
.justify-end      { justify-content: flex-end; }
.justify-between  { justify-content: space-between; }
.justify-around   { justify-content: space-around; }
.align-center     { align-items: center; }
.align-start      { align-items: flex-start; }
.align-end        { align-items: flex-end; }
.direction-column { flex-direction: column; }
.direction-row    { flex-direction: row; }

.aesquerda { float:left; }
.adireita  { float:right; }
.aocentro  { float: none; margin: 0 auto; }

.fg-branco                       { color: #FFF; transition: .15s ease-in-out; }
.fg-preto                        { color: #000; transition: .15s ease-in-out; }
.fg-cinza-light                  { color: #D8D8D8; transition: .15s ease-in-out; }
.fg-cinza-claro                  { color: #999; transition: .15s ease-in-out; }
.fg-cinza                        { color: #666; transition: .15s ease-in-out; }
.fg-cinza-escuro                 { color: #333; transition: .15s ease-in-out; }
.fg-vermelho                     { color: #FF0000; transition: .15s ease-in-out; }
.fg-amarelo                      { color: #FFA301; transition: .15s ease-in-out; }
.fg-roxo                         { color: rgb(48, 10, 114); transition: .15s ease-in-out; }
.fg-branco-hover:hover           { color: #FFF; transition: .15s ease-in-out; }
.fg-preto-hover:hover            { color: #000; transition: .15s ease-in-out; }
.fg-cinza-light-hover:hover      { color: #D8D8D8; transition: .15s ease-in-out; }
.fg-cinza-claro-hover:hover      { color: #999; transition: .15s ease-in-out; }
.fg-cinza-hover:hover            { color: #666; transition: .15s ease-in-out; }
.fg-cinza-escuro-hover:hover     { color: #333; transition: .15s ease-in-out; }
.fg-amarelo-hover:hover          { color: #FFA301; transition: .15s ease-in-out; }
.fg-roxo-hover:hover             { color: rgb(79, 44, 141); transition: .15s ease-in-out; }

.bg-branco                       { background-color: #FFF; transition: .15s ease-in-out; }
.bg-preto                        { background-color: #000; transition: .15s ease-in-out; }
.bg-cinza-light                  { background-color: #D8D8D8; transition: .15s ease-in-out; }
.bg-cinza-claro                  { background-color: #999; transition: .15s ease-in-out; }
.bg-cinza                        { background-color: #666; transition: .15s ease-in-out; }
.bg-cinza-escuro                 { background-color: #333; transition: .15s ease-in-out; }
.bg-vermelho                     { background-color: #FF0000; transition: .15s ease-in-out; }
.bg-branco-hover:hover           { background-color: #FFF; background: #FFF; transition: .15s ease-in-out; }
.bg-preto-hover:hover            { background-color: #000; transition: .15s ease-in-out; }
.bg-cinza-light-hover:hover      { background-color: #D8D8D8; transition: .15s ease-in-out; }
.bg-cinza-claro-hover:hover      { background-color: #999; transition: .15s ease-in-out; }
.bg-cinza-hover:hover            { background-color: #666; transition: .15s ease-in-out; }
.bg-cinza-escuro-hover:hover     { background-color: #333; transition: .15s ease-in-out; }

.fg-facebook               { color: #3b5998; transition: .15s ease-in-out; }
.fg-instagram              { color: #bc2a8d; transition: .15s ease-in-out; }
.fg-twitter                { color: #00aced; transition: .15s ease-in-out; }
.fg-youtube                { color: #bb0000; transition: .15s ease-in-out; }
.fg-google                 { color: #dd4b39; transition: .15s ease-in-out; }
.fg-linkedin               { color: #0077b5; transition: .15s ease-in-out; }
.fg-whatsapp               { color: #34af23; transition: .15s ease-in-out; }
.fg-skype                  { color: #00aff0; transition: .15s ease-in-out; }
.fg-facebook-hover:hover   { color: #3b5998; transition: .15s ease-in-out; }
.fg-instagram-hover:hover  { color: #bc2a8d; transition: .15s ease-in-out; }
.fg-twitter-hover:hover    { color: #00aced; transition: .15s ease-in-out; }
.fg-youtube-hover:hover    { color: #bb0000; transition: .15s ease-in-out; }
.fg-google-hover:hover     { color: #dd4b39; transition: .15s ease-in-out; }
.fg-linkedin-hover:hover   { color: #0077b5; transition: .15s ease-in-out; }
.fg-whatsapp-hover:hover   { color: #34af23; transition: .15s ease-in-out; }
.fg-skype-hover:hover      { color: #00aff0; transition: .15s ease-in-out; }

.bg-facebook               { background-color: #3b5998; transition: .15s ease-in-out; }
.bg-instagram              { background: -webkit-linear-gradient(45deg, #f8a652, #cd486b, #8a3ab9, #4c68d7); transition: .15s ease-in-out; }
.bg-twitter                { background-color: #00aced; transition: .15s ease-in-out; }
.bg-youtube                { background-color: #bb0000; transition: .15s ease-in-out; }
.bg-google                 { background-color: #dd4b39; transition: .15s ease-in-out; }
.bg-linkedin               { background-color: #0077b5; transition: .15s ease-in-out; }
.bg-whatsapp               { background-color: #34af23; transition: .15s ease-in-out; }
.bg-skype                  { background-color: #00aff0; transition: .15s ease-in-out; }
.bg-facebook-hover:hover   { background-color: #3b5998; transition: .15s ease-in-out; }
.bg-instagram-hover:hover  { background: -webkit-linear-gradient(45deg, #f8a652, #cd486b, #8a3ab9, #4c68d7); transition: .15s ease-in-out; }
.bg-twitter-hover:hover    { background-color: #00aced; transition: .15s ease-in-out; }
.bg-youtube-hover:hover    { background-color: #bb0000; transition: .15s ease-in-out; }
.bg-google-hover:hover     { background-color: #dd4b39; transition: .15s ease-in-out; }
.bg-linkedin-hover:hover   { background-color: #0077b5; transition: .15s ease-in-out; }
.bg-whatsapp-hover:hover   { background-color: #34af23; transition: .15s ease-in-out; }
.bg-skype-hover:hover      { background-color: #00aff0; transition: .15s ease-in-out; }

.txt-aesquerda { text-align:    left; }
.txt-adireita  { text-align:   right; }
.txt-aocentro  { text-align:  center; }
.txt-justify   { text-align: justify; }

.font-st{ font-family: 'Staatliches', 'Arial', sans-serif; }

.light     { font-weight: 300; }
.regular   { font-weight: 400; }
.medium    { font-weight: 500; }
.semibold  { font-weight: 600; }
.bold      { font-weight: 700; }
.extrabold { font-weight: 800; }
.black     { font-weight: 900; }
.italic    { font-style: italic; }

.capitalize { text-transform: capitalize; }
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }

.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.font0  { font-size:   0px; font-size:   0rem; }
.font1  { font-size:   1px; font-size:  .1rem; }
.font2  { font-size:   2px; font-size:  .2rem; }
.font4  { font-size:   4px; font-size:  .4rem; }
.font8  { font-size:   8px; font-size:  .8rem; }
.font9  { font-size:   9px; font-size:  .9rem; }
.font10 { font-size:  10px; font-size:   1rem; }
.font12 { font-size:  12px; font-size: 1.2rem; }
.font13 { font-size:  13px; font-size: 1.3rem; }
.font14 { font-size:  14px; font-size: 1.4rem; }
.font16 { font-size:  16px; font-size: 1.6rem; }
.font18 { font-size:  18px; font-size: 1.8rem; }
.font20 { font-size:  20px; font-size:   2rem; }
.font24 { font-size:  24px; font-size: 2.4rem; }
.font28 { font-size:  28px; font-size: 2.8rem; }
.font30 { font-size:  30px; font-size:   3rem; }
.font36 { font-size:  36px; font-size: 3.6rem; }
.font40 { font-size:  40px; font-size:   4rem; }
.font48 { font-size:  48px; font-size: 4.8rem; }
.font50 { font-size:  50px; font-size:   5rem; }
.font62 { font-size:  62px; font-size: 6.2rem; }
.font70 { font-size:  70px; font-size:   7rem; }
.font75 { font-size:  70px; font-size:   7rem; }
.font80 { font-size:  80px; font-size:   8rem; }

/* ******************* */
/*    VARIÁVEIS        */
/* ******************* */
/*
:root {
  --exemplo: #005780; USO: background-color: var(--exemplo); 
}
*/

/* CSS PÁGINA 404 */
section.w3-404{ height: 85vh; justify-content: center; align-items: center; background-color: #FFF; background-image: url('../img/404/patern.png'); color: #484848; }
.w3-404-conteudo{ justify-content: center; align-content: center; height: auto; width: 100%; flex-wrap: wrap; padding: 30px 0; }
.w3-404-conteudo-img{ height: 124px; width: 143px; justify-content: center; align-items: center; }
.w3-404-conteudo-txt{ width: 100%; flex-wrap: wrap; }
.w3-404-conteudo-txt p{ width: 100%; font-family: 'Pridi', serif; }
.w3-404-conteudo-txt p:last-of-type{ width: 100%; font-family: 'Quicksand', sans-serif; }
.w3-404-conteudo-txt-titulo{ width: 100%; background: url('../img/404/tag.png') no-repeat center center; background-size: 332px 85px; }
.w3-404-conteudo-txt-titulo h1{ font-family: 'Pridi', serif; line-height: 85px; color: #b8b8b8; }
.w3-404-conteudo-txt h2{ width: 100%; font-family: 'IBM Plex Serif', serif; }
/* CSS PÁGINA 404 */


/* ************************************************************************************************************************** */
/*          CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE               */
/* ************************************************************************************************************************** */

.btn{ display: block; line-height: 40px; line-height: 4rem; padding: 0 15px; padding: 0 1.5rem; font-size: 14px; font-size: 1.4rem; min-width: 200px; min-width: 20rem; text-align: center; border-radius: 5px; border-radius: .5rem; transition: .15s; cursor: pointer; text-transform: uppercase; }
.btn-landing{ background: #faac35; border: 1px solid #f78d27; font-weight: 500; color: #333; transition: .15s; }
.btn-landing:hover{ background: #ef6911; border: 1px solid #bc3e1a; color: #fff; transition: .15s; }
.btn-landing-chamada{ background: #faac35; max-width: 200px; border: 1px solid #f78d27; font-weight: 500; color: #333; transition: .15s; }
.btn-landing-chamada:hover{ background: #ef6911; border: 1px solid #bc3e1a; color: #fff; transition: .15s; }
.btn-whatsapp{ background: #128C7E; border: 1px solid #075E54; font-weight: 500; color: #FFF; transition: .15s; }
.btn-whatsapp:hover{ background: #075E54; border: 1px solid #075E54; transition: .15s; }


.btn-layout {
  display: inline-block;
  color: #FFF!important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
  background-image: none!important;
  border: 5px solid #FFF;
  border-radius: 0;
  box-shadow: none!important;
  -webkit-transition: all ease .15s;
  transition: all ease .15s;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  font-size:14px;
  margin-left:5px;
  position: relative;
  background-color: #abbac3!important;
  border-color: #abbac3;  
}
/******************************************************************************/
.centralizador { width:1100px; width:110rem; margin: 0 auto; padding: 0 20px; }
body{ max-width: 1920px; margin: 0 auto; }

.w3-qd-topo-conteudo h1{ line-height: 1; margin-top: 40px; }
.w3-qd-topo-conteudo h2{ line-height: 1; margin-top: 40px; color: #666666; }
.w3-qd-topo-conteudo .btn{ margin: 20px auto 0; }

.w3-qd-servicos-conteudo{ margin-top: 80px; }
.w3-qd-servicos-conteudo-individual{ width: calc(33.333% - 20px); margin: 10px; background: #FFFFFF; border: thin solid rgba(0, 0, 0, 0.1); border-radius: 3px; overflow: hidden; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.3); }
.w3-qd-servicos-conteudo-individual-img{ width: 100%; height: 210px; overflow: hidden; }
.w3-qd-servicos-conteudo-individual-img img{ height: 130%; max-width: none; }
.w3-qd-servicos-conteudo-individual-txt{ padding: 10px; flex-grow: 1; }
.w3-qd-servicos-conteudo-individual-txt small{ color: #666666; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 12px; }
.w3-qd-servicos-conteudo-individual-txt h2{ line-height: 1; }
.w3-qd-servicos-conteudo-individual-txt h3{ line-height: 1; margin: 10px 0; }
.w3-qd-servicos-conteudo-individual-txt p.gratis{ line-height: 1; margin-top: 5px; }
.w3-qd-servicos-conteudo-individual-txt .infoplusbtn{ display: flex; justify-content: center; align-items: center; background: #faac35; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; margin: 10px auto 0; width: 80px; cursor: pointer; transition: .15s; }
.w3-qd-servicos-conteudo-individual-txt .infoplusbtn:hover{ background: #ef6911; color: #ffffff; transition: .15s; }
.w3-qd-servicos-conteudo-individual-txt .infoplus{ display: none; margin: 10px 0; }
.w3-qd-servicos-conteudo-individual-btn{ padding: 0 10px 10px; }

.w3-qd-dossie{ margin: 80px auto; }
.w3-qd-dossie-conteudo{ border: 1px solid #e1e1e1; border-radius: 14px; padding: 40px; }
.w3-qd-dossie-conteudo h1{ line-height: 1.1; margin-top: 20px; }

.w3-qd-info-conteudo{ max-width: 640px; }

footer.w3-qd-rodape .w3-contato-form{ margin: 120px auto 0; padding-bottom: 120px; }

.w3-whatsapp{ position: fixed; right: 2%; top: 85%; height: 10rem; width: 10rem; z-index: 999999; }
.w3-whatsapp a{ height: 100%; width: 100%; transition: .15s; }
.w3-whatsapp a:hover{ transform: scale(1.1); transition: .15s; }
.w3-whatsapp a img{ height: 100%; filter: drop-shadow(0px 0px 10px rgba(29, 32, 51, 0.4)); }

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 740px) and (max-width: 1199px) {
  .centralizador { width:100%; }
  .w3-qd-servicos-conteudo-individual{ width: calc(50% - 20px); }
  .w3-qd-servicos-conteudo-individual-img img{ height: auto; width: 100%; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 739px) {
  .centralizador { width:100%; }

  .w3-qd-topo-conteudo h1{ font-size: 50px; }
  .w3-qd-topo-conteudo h2{ font-size: 36px; }

  .w3-qd-servicos-conteudo-individual{ width: calc(100% - 20px); }
  .w3-qd-servicos-conteudo-individual-img img{ height: auto; width: 100%; }

  .w3-whatsapp{ right: 2%; top: 75vh; height: 8rem; width: 8rem; }
}
/******************************************************************************/