@import url('https://fonts.googleapis.com/css?family=Mukta+Mahee:200,300,400,500,600,700,800');
@import url('loading.css');
@charset "utf-8";

:root { 
  --cor-primaria:            #d3970d;
  --cor-secundaria:          #232323;
  --cor-texto:               #232323;
  --fonte-padrao:      'Mukta Mahee';
}

body { font-size: 11px; font-family: 'Mukta Mahee', Calibri, Arial, sans-serif; text-rendering: geometricPrecision !important; -webkit-font-smoothing: antialiased !important; height: auto; font-weight: 400; background-color: #ffffff; color: #504e50; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
html { overflow-x: hidden; }

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: 'Mukta Mahee'; }
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
.util { width: 1150px; margin: 0 auto; height: auto; }
.util2 { width: 1000px; margin: 0 auto; height: auto; }
.anima { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(80,78,80,0.8); z-index:1009; }
#amensagem { display: none; position: fixed; z-index: 100001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 30px 20px; font-size: 18px; line-height: 18px; font-family: 'Mukta Mahee'; font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
.sombratopo { -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); }

.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: rgba(255,255,255,1); width:100% !important; height:100% !important;}
.esconde { display: none !important; }

/*WHATSAPP*/
.chama_whats { width: 40px; text-align: center; height: 40px; position: fixed; top: 55%; right: 10px; z-index: 1000; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow:hidden; }
.chama_whats:hover { bottom: 20px; }
.chama_whats .ico { position: relative; z-index: 10; width: 40px; height: 40px; background: #00cf2e; display: inline-block; vertical-align: top; text-align:center; overflow: hidden; }
.chama_whats .ico i { font-size: 22px; width: 100%; height: 40px; line-height: 40px; color: #ffffff; text-align:center; }

/*ACEITE*/
.aceite { width: 82%; height: auto; position: fixed; left: 5%; bottom: 30px; padding: 40px 4%; background-color: rgba(255,255,255); z-index: 99999; text-align: center; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5);  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.aceite:hover { -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); }
.aceite .cta-aceite { cursor: pointer; display: inline-block; vertical-align: top; margin-top: 0px; width: 200px; padding: 15px 0px 15px 10px; background: var(--cor-primaria); color: #ffffff; font-size: 15px; font-family: var(--fonte-padrao); font-weight: bold; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; letter-spacing: 0px; }
.aceite .cta-aceite:hover { background-color: var(--cor-secundaria); }
.aceite .chama-aceite { width: -moz-calc(100% - 260px); width: -webkit-calc(100% - 260px); width: -o-calc(100% - 260px); width: calc(100% - 260px); font-size: 13px; font-family: var(--fonte-padrao); text-align: left; color:  var(--cor-texto); padding: 0px 30px 0px 0px; position: relative; display: inline-block; vertical-align: top; }
.aceite .chama-aceite u { text-decoration: underline; }
.aceite .chama-aceite i { font-style: italic; }
.aceite .chama-aceite strong, .aceite .chama-aceite b { font-style: 700; }
.aceite .chama-aceite a { color: var(--cor-texto); font-size: 13px; line-height: 24px; font-family: var(--fonte-padrao); font-weight: 400; text-decoration: underline; }
.aceite .chama-aceite a:hover { background-color: #f4f6f8; }

/*TÍTULO*/
.titulo_global { width: 100%; height: auto; position: relative; text-align: left; padding: 20px 0px; }
.titulo_global .tag_global { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_global .tag_global .label_global { position: relative; display: inline-block; vertical-align: top; width: 100%; height: auto; z-index:10; }
.titulo_global .tag_global .label_global span { width:auto; height:auto; position: relative; color: #585858; font-size: 24px; line-height: 60px; font-weight: 800; font-family: var(--fonte-padrao); text-align: left; display:inline-block; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.titulo_global .tag_global .label_global .complemento { clear: both; vertical-align: top; width: 100%; font-size: 15px; font-family: var(--fonte-padrao); color: #818181; text-align: left; line-height: 20px; position: relative; z-index: 10; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 400; padding: 0px; margin: 10px 0px 0px 0px; }
.titulo_global .tag_global .complemento { clear: both; vertical-align: top; width: 100%; font-size: 16px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: left; line-height: 24px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 500; padding: 10px 0px 20px 0px; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#fechapopup { height: 40px; line-height: 40px; width: 40px; font-weight: bold; position: fixed; cursor: pointer; z-index:100002; left: 50%; margin-left: -20px; top: -20px; color: #ffffff; background-color: var(--cor-primaria); font-size: 20px; font-family: var(--fonte-padrao); padding: 0px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#mascara, #mascarafb { position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.9); z-index:100001; }
#mascara_busca { display: none; position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(196,36,46,0.75); z-index:1099; }
.fb_iframe_widget { left: 0px !important; }
#pop { transform: translate(-50%, -50%); }

/* TOPO */
header { width: 100%; height: 140px; position: fixed; top: 0px; left: 0px; z-index: 1100; background-color: rgba(255,255,255,0); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header .logomarca { width: 170px; height: 45px; margin: 70px 0px 0px 0px; position: relative; float: left; background-repeat: no-repeat; background-position: top center; }
header nav { width: auto; height: 140px; float: right; }
header nav ul { width: 100%; height: auto; list-style-type: none; }
header nav ul li { width: auto; height: 50px; padding: 67px 15px 0px 15px; line-height: 50px; margin: 0px; color: #ffffff; font-size: 14px; font-family: 'Mukta Mahee'; font-weight: 400; float: right; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-image: url(../imagens/elemento-menu.png); background-repeat:no-repeat;background-position:center 130px; }
header nav ul li.divisor, header nav ul li.divisor:hover { width: 5px; padding: 67px 0px 0px 0px; float: right; height: 27px; background-image: url(../imagens/separador.png); background-repeat: no-repeat; background-position: bottom center;  }
header nav ul li:hover { background-position: center 105px; }

/* RODAPÉ */
footer { width: 100%; height: auto; position: relative; clear: both; background-color: #ffffff; }
footer .mapa { width: 605px; height: auto; position: relative; margin: 0 auto; }
footer .mapa .bloco1 { width: 200px; height: 339px; float: left; padding: 0px; background: url(../imagens/divisor-rodape.png) no-repeat right center; }
footer .mapa .bloco2 { width: 200px; height: 339px; float: left; padding: 0px; }
footer .mapa .bloco2 nav ul li { padding-left: 0px; width: auto; height: auto; line-height: 22px; color: #585858; font-size: 16px; font-family: 'Mukta Mahee'; font-weight: 300; }
footer .mapa .bloco2 nav ul li p { padding-bottom: 15px; font-size: 12px; line-height: 16px; font-weight: 300; }
footer .mapa .bloco2 nav ul, footer .mapa .bloco1 nav ul { width: 85%; padding-left: 15%; height: auto; list-style-type: none; }
footer .mapa .bloco2 nav ul li.topico, footer .mapa .bloco1 nav ul li.topico { color: #585858; padding-left: 0px; height: auto; line-height: 24px; padding-bottom: 20px; font-size: 24px; padding-top: 80px; font-family: 'Mukta Mahee'; font-weight: 800; text-align: left; }
footer .mapa .bloco1 nav ul li { padding-left: 25px; width: auto; height: 25px; line-height: 25px; color: #585858; font-size: 16px; font-family: 'Mukta Mahee'; font-weight: 300; text-align:left; }
footer .mapa .bloco1 nav ul li.carta { background: url(../imagens/carta.png) no-repeat left center; }

footer .mapa .bloco1 nav ul li i { display: inline-block; width: 20px; text-align: center; height: 20px; vertical-align: top; line-height: 20px; font-size: 13px; margin: 2.5px 8px 2.5px 0px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden; color: #ffffff; }
footer .mapa .bloco1 nav ul li i.share-twitter { background: #00aced; }
footer .mapa .bloco1 nav ul li i.share-facebook { background: #3b5998; }
footer .mapa .bloco1 nav ul li i.share-linkedin { background: #007bb6; }
footer .mapa .bloco1 nav ul li i.share-pinterest { background: #cb2027; }
footer .mapa .bloco1 nav ul li i.share-spotify { background: #81b71a; }
footer .mapa .bloco1 nav ul li i.share-youtube { background: #c4302b; }
footer .mapa .bloco1 nav ul li i.share-instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }

footer .final { width: 100%; height: auto; position: relative; clear: both; background-color: #ffffff; }
footer .final .logo { width: 100%; height: 220px; }

footer .direitos { width: 100%; height: auto; font-size: 16px; font-family: 'Mukta Mahee'; color: #585858; font-weight: 300; text-align: center; padding: 0px 0px 50px 0px; }
footer .direitos a { text-decoration:underline; font-size: 16px; font-family: 'Mukta Mahee'; color: #585858; font-weight: 300; }

/* MENU CELULAR */
#menu2start { display: none; cursor: pointer; width: 38px; height: 34px; background: url(../imagens/menucel.png) no-repeat center center; position: fixed; right: 10px; top: 12px; z-index: 2001; }
#menu2start:hover { background: url(../imagens/menucel.png) no-repeat center center; }
#menu2start.ativo { cursor: pointer; width: 38px; height: 34px; background: url(../imagens/menucelativo.png) no-repeat center center; position: fixed; right: 10px; top: 12px; z-index: 2001; }
#menu2 { display: none; background-color: rgba(80,78,80,0.9); width: 100%; height:100% !important; margin: 0 auto; padding-top: 60px; position: fixed; z-index: 1000; text-align: center; }
#menu2 li { font-weight: 700; list-style-type: none; cursor: pointer; color: #ffffff; text-align: center; font-size: 24px; height: auto; padding: 15px 0px; width: 100%; font-family: 'Mukta Mahee'; display: inline-block; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(87,146,81, 0);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
}
@keyframes pulse {
  0% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
    box-shadow: 0 0 0 0 rgba(87,146,81, 0.5);
  }
  70% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      -moz-box-shadow: 0 0 0 15px rgba(87,146,81, 0);
      box-shadow: 0 0 0 15px rgba(87,146,81, 0);
  }
  100% {
  	-webkit-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      -moz-box-shadow: 0 0 0 0 rgba(87,146,81, 0);
      box-shadow: 0 0 0 0 rgba(87,146,81, 0);
  }
}

@media screen and (max-width: 1150px) {
	.util { width: 100%; }
}
@media screen and (max-width: 930px) {
	header nav { display: none; }
	#menu2start { display: inherit; }
  header .logomarca { width: 180px; height: 45px; margin: 7px 0px 0px 0px; background-position: center bottom; }
  header { width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; z-index: 1100; background-color: rgba(255,255,255,1);-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); }
  
  footer .mapa { width: 94%; padding: 0px 3%; }
  footer .mapa .bloco1, footer .mapa .bloco2 { width: 100%; height: auto; float: none; padding: 0px; background: url(../imagens/espaco.png); }
  footer .mapa .bloco2 nav ul li { font-family: 'Mukta Mahee'; font-weight: 300; font-size: 18px;  }
  footer .mapa .bloco2 nav ul li p { padding-bottom: 15px; font-size: 12px; line-height: 16px; font-weight: 300; }
  footer .mapa .bloco2 nav ul li.topico, footer .mapa .bloco1 nav ul li.topico { padding-top: 40px; }
  footer .mapa .bloco2 nav ul, footer .mapa .bloco1 nav ul { width: 85%; padding-left: 15%; height: auto; list-style-type: none; }

  footer .final .logo {height: 240px; }

  .aceite { width: -moz-calc(90% - 40px); width: -webkit-calc(90% - 40px); width: -o-calc(90% - 40px); width: calc(90% - 40px); padding: 20px; }
  .aceite .chama-aceite { width: 100%; padding: 0px; text-align: center; }
  .aceite .cta-aceite { margin-top: 15px; }

  /*WHATSAPP*/
  .chama_whats { width: 40px; text-align: center; height: 40px; position: fixed; bottom: 10px; right: 10px; z-index: 1000; background-color: #00cf2e;-moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;box-shadow: rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0) 0px 4px 6px, rgba(0, 0, 0, 0) 0px 12px 13px, rgba(0, 0, 0, 0) 0px -3px 5px; }
  .chama_whats:hover { bottom: 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
  .chama_whats .ico { position: relative; width: 40px; height: 40px; display: inline-block; vertical-align: top; }
  .chama_whats .ico i { font-size: 22px; width: 100%; height: 40px; line-height: 40px; color: #ffffff; }

}
@media screen and (max-width: 816px) {
  #mascara, #pop, #mascarafb, #popfb { width: 1px !important; height: 1px !important; overflow: hidden !important; position: absolute !important; }
}