/* Variáveis */

:root {
 --cor-base:#003366;
 --cor-clara:#215487;
 --cor-escura:#00274d;
 --cor-dois:#f9bc00;
 --cor-bg:#fff;
}

/* Reset */

* {
 margin:0; padding:0; border:0; outline:0;
 box-sizing:border-box;
}

/* Base */ 

html {
 position:relative;
 min-height:100%;
}

body {
 margin:0;
 height:100%;
 min-width:300px;
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:var(--cor-bg);
 color:#171717;
 font-family:Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.baloo {
 font-family:'Baloo 2',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.saira {
 font-family:'Saira Semi Condensed',Arial,Helvetica;
 font-size:1em;
 font-weight:500;
}

/* jQuery UI */

.ui-widget {
 font-style:inherit !important;
 font-family:Tahoma,Arial,Helvetica !important;
 font-size:100% !important;
}

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip-content {
 font-size:0.8em;
}

.ui-accordion-header {
 outline:none !important;
}

.ui-datepicker {
 font-size:0.95em !important;
}

.ui-datepicker-calendar td,.ui-datepicker-calendar th {
 min-width:unset !important;
 margin:unset !important;
}

.ui-progressbar-value {
 height:2em !important;
}

.ui-widget-shadow {
 -webkit-box-shadow:2px 2px 5px var(--cor-base) !important;
 box-shadow: 2px 2px 5px var(--cor-base) !important;
}

.ui-autocomplete {
 max-height:200px;
 overflow-y:auto;
 overflow-x:hidden;
}

#dialog {
 display:none;
}

.dialog-fixed {
 position:fixed !important; 
}

/* Tags */

a {
 text-decoration:none;
 color:#171717;
 outline:none;
 overflow-wrap:anywhere;
}

a:hover {
 text-decoration:none;
 color:var(--cor-base);
}

a.azul {
 text-decoration:none;
 color:var(--cor-base);
 outline:none;
 overflow-wrap:anywhere;
}

a.azul:hover {
 text-decoration:none;
 color:#000;
}

a.branco {
 text-decoration:none;
 color:#fff;
 outline:none;
 overflow-wrap:anywhere;
}

a.branco:hover {
 text-decoration:none;
 color:var(--cor-dois);
}

input[type=text],input[type=password],input[type=file],select,textarea {
 font-family:Arial,Helvetica;
 background-color:#fff;
 border:1px solid var(--cor-base);
 border-radius:3px;
 color:#171717;
 margin-bottom:7px;
 padding:10px;
 outline:none;
 resize:none;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 background-color:#eee;
}

input[type=checkbox] {
 margin:10px 4px 13px 17px;
 vertical-align:middle;
}

input[type=checkbox]:nth-child(1) {
 margin-left:0;
}

::placeholder {
 color:#000;
 opacity:0.4;
 font-size:0.9em;
}

button,input[type=button],input[type=submit] {
 background-color:#fff;
 background-image:linear-gradient(#ffffff,#d7d7d7);
 border:1px solid var(--cor-base);
 border-radius:3px;
 box-shadow:0 6px 4px rgba(0,0,0,0.2);
 padding:6px;
 color:var(--cor-base);
 outline:none;
 cursor:pointer;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 background-color:var(--cor-escura);
 border:1px solid var(--cor-escura);
}

hr {
 border:0;
 width:100%;
 height:1px;
 background-color:var(--cor-base);
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

main {
 margin:0;
 padding:0;
}

/* Específicos */

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}

.yessel {
 user-select:text !important;
 -moz-user-select:text !important;
 -ms-user-select:text !important;
 -webkit-user-select:text !important;
}

.noresp {
 display:initial;
}

.flex {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

.loading {
 display:none;
 z-index:99;
}

.load1 {
 position:absolute;
 top:0; left:0;
 z-index:99;
 width:100%;
 height:100%;
 background-color:#fff;
 opacity:0.2;
}

.load2 {
 width:48px;
 height:48px;
 position:fixed;
 top:49%;
 left:49%;
 transform:translate(-50%,-50%);
 animation:rotation 1.7s infinite linear;
}

#lightbox {
 display:none;
 width:100vw;
 height:100vh;
 top:0; left:0;
 position:fixed;
 backdrop-filter:grayscale(1) brightness(0.8);
 z-index:99;
}

#lightbox-content {
 display:none;
 position:absolute;
 width:100%; max-height:100%;
 top:50%; left:50%;
 transform:translate(-50%,-50%);
 background:#fff;
 width:100%; max-height:100%;
 border:solid 5px var(--cor-base);
 border-radius:10px;
 padding:1em;
 overflow:auto;
 margin:0 auto;
}

#lightbox-close {
 position:absolute;
 top:0; right:0;
 margin:8px 4px;
 z-index:99;
}

#lightbox-close span {
 background-color:#fff;
 border:solid 8px #fff;
 padding:8px;
 border-radius:16px;
 cursor:pointer;
 box-shadow:0 0 5px;
}

#lightbox-close span:hover {
 border:solid 8px var(--cor-base);
}

@keyframes rotation {
 from { transform:rotate(0deg); }
 to { transform:rotate(359deg); }
}

@media screen and (max-width:639px) {

 .noresp {
  display:none;
 }

 tr { 
  display:flex; 
  justify-content:center;
  flex-direction:row;
  flex-wrap:wrap;
 }

 td,th {
  flex:1;
  min-width:200px;
  margin:1em;
 }

}

@media screen and (max-width:300px) {
 body {
  font-size:0.9em;
 }
}

@media screen and (max-width:200px) {
 body { display:table-column;background:url(/imagens/layout/logotipo.png) center center / contain no-repeat fixed padding-box content-box var(--cor-bg) }
}

/* Projeto */

.topo {
 width:100%;
 height:85px;
 background-color:#fff;
 box-shadow:0 4px 5px rgba(0,0,0,0.4);
 position:fixed;
 top:0;
 left:0;
 z-index:2;
}

.topologo {
 display:inline-block;
 padding:9px;
}

.logo {
 width:100%;
 max-width:274px;
}

.toporedes {
 display:inline-block;
 float:right;
 padding-top:22px;
 padding-right:8px;
}

.topotel {
 display:inline-block;
 width:40px;
 height:40px;
 background-color:#fff;
 border:2px solid var(--cor-dois);
 border-radius:20px;
 text-align:center;
 padding-top:8px;
 transition:0.35s;
}

.topoteltxt {
 display:inline-block;
 padding:0 10px 0 3px;
 font-size:0.9em;
 line-height:1em;
}

.redesociais {
 display:inline-block;
 width:40px;
 height:40px;
 background-color:#fff;
 border:2px solid var(--cor-dois);
 border-radius:20px;
 text-align:center;
 padding-top:8px;
 transition:0.35s;
}

.redesico {
 width:20px;
}

.redesociais:hover, .topotel:hover {
 background-color:var(--cor-base);
 border:2px solid var(--cor-base);
}

.redesociais:hover .redesico, .topotel:hover .redesico {
 filter:invert() brightness(100);
}

.rodape {
 width:100%;
 background-color:var(--cor-base);
 padding:40px 20px;
 color:#fff;
}

.rod1 {
 display:inline-block;
 line-height:1.3em;
}

.rodredes {
 display:inline-block;
 width:40px;
 height:40px;
 background-color:var(--cor-base);
 border:2px solid var(--cor-dois);
 border-radius:20px;
 text-align:center;
 margin-top:15px;
 padding-top:8px;
 transition:0.35s;
}

.rodico {
 width:20px;
 filter:invert() brightness(100);
}

.rodredes:hover {
 background-color:var(--cor-dois);
 border:2px solid var(--cor-dois);
}

.rodredes:hover .rodico {
 filter:none;
}

.rod2 {
 display:inline-block;
 float:right;
 max-width:380px;
 border:1px solid var(--cor-dois);
 border-radius:6px;
 padding:25px 10px;
 text-align:center;
 line-height:1.2em;
}

.inweb {
 width:100%;
 background-color:var(--cor-escura);
 text-align:center;
 padding:8px 10px 7px;
 font-size:0.8em;
}

.floatwhats {
 position:fixed;
 bottom:3px;
 right:10px;
 z-index:9;
 cursor:pointer;
}

.floatwhats_img {
 width:83px;
 border:0;
 transition:0.35s;
}

.floatwhats_img:hover {
 width:95px;
}

.vid_container {
 position:relative;
 width:100%;
 max-width:900px;
 height:0;
 margin:0 auto;
 padding-bottom:56.25%;
}

.video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.titulo {
 color:var(--cor-base);
 font-weight:700;
 font-size:1.8em;
}

.botmain {
 display:inline-block;
 width:100%;
 max-width:400px;
 background-color:var(--cor-dois);
 border-radius:50px;
 text-align:center;
 padding:15px 60px;
 font-weight:600;
 transition:0.3s;
}

.botmain:hover {
 background-color:var(--cor-base);
 color:#fff;
}

.botmain2 {
 display:inline-block;
 background-color:#000;
 border-radius:50px;
 text-align:center;
 padding:8px 50px;
 font-weight:600;
 color:#fff;
 transition:0.3s;
}

.botmain2:hover {
 background-color:#fff;
 color:#000;
}

.botmain3 {
 display:inline-block;
 width:100%;
 max-width:400px;
 background-color:var(--cor-dois);
 border-radius:50px;
 text-align:center;
 padding:15px 60px;
 font-weight:700;
 transition:0.3s;
}

.botmain3:hover {
 background-color:#fff;
 color:var(--cor-base);
}

.hero1 {
 width:100%;
 max-height:550px;
 background-color:var(--cor-base);
 margin-top:85px;
 padding:0;
}

.hero2 {
 width:100%;
 max-width:1800px;
 margin:0 auto;
 text-align:center;
}

.herotxt {
 flex:1;
 padding:100px 0 0 30px;
}

.heroimg {
 flex:1;
 max-width:710px;
 margin-bottom:-4px;
}

.heroimgmob {
 display:none;
}

.herobot {
 display:inline-block;
 width:100%;
 max-width:400px;
 background-color:var(--cor-dois);
 border-radius:50px;
 text-align:center;
 margin-top:30px;
 padding:10px 20px;
 font-size:1.4em;
 font-weight:600;
 transition:0.3s;
}

.herobot:hover {
 background-color:#fff;
 color:#000;
}

.introtit {
 width:100%;
 background-color:var(--cor-dois);
 padding:0 10px 40px;
 text-align:center;
 font-weight:600;
 font-size:2.8em;
 color:#000;
 line-height:0.9em;
}

.introseta {
 width:81px;
 margin-bottom:30px;
}

.intro {
 width:100%;
 max-width:1300px;
 margin:0 auto;
 padding:50px 15px;
 text-align:center;
 font-weight:600;
 font-size:1.2em;
 line-height:1.2em;
}

.quem {
 width:100%;
 background-color:#ececec;
 margin:40px 0;
 padding:60px 0;
 text-align:center;
 font-size:1.2em;
 line-height:1.2em;
}

.quembox {
 flex:1;
 max-width:350px;
 vertical-align:top;
 margin:50px 25px 30px;
 font-size:0.9em;
 font-weight:500;
}

.quemico {
 width:100%;
 max-width:100px;
 margin-bottom:5px;
}

.conteudo {
 width:100%;
 max-width:1350px;
 margin:0 auto;
 padding:30px 20px;
 font-size:1.2em;
 line-height:1.2em;
}

.conteudo1 {
 flex:1;
 max-width:50px;
 text-align:center;
 padding-top:5px;
 color:var(--cor-base);
 font-weight:600;
 font-size:2em;
 line-height:1em;
}

.conteudo2 {
 flex:5;
 padding-left:20px;
}

.comunid {
 width:100%;
 background-color:var(--cor-dois);
 margin:50px 0 0;
 padding:20px 10px;
}

.comunid1 {
 flex:1;
 max-width:950px;
}

.comunid2 {
 flex:1;
 max-width:700px;
 padding-top:100px;
 padding-left:20px;
 font-size:1.5em;
 font-weight:500;
 line-height:1.4em;
}

.comunidtit {
 font-size:2em;
 font-weight:600;
 color:#000;
 line-height:0.9em;
}

.palestra {
 width:100%;
 background-color:var(--cor-dois);
 margin:0 0 40px;
 padding:40px 0;
 text-align:center;
 font-size:1.2em;
 line-height:1.2em;
}

.palestratit {
 font-size:1.6em;
 font-weight:600;
 color:#000;
}

.palestrabox {
 flex:1;
 max-width:224px;
 background-color:#000;
 border-radius:8px;
 box-shadow:0 10px 10px rgba(0,0,0,0.4);
 padding:2px;
 margin:15px;
 color:#fff;
 font-size:0.8em;
 line-height:1.2em;
}

.palestralkd {
 width:90px;
 border-radius:3px;
 margin:10px 0;
 filter:grayscale(100%);
 transition:0.3s;
}

.palestralkd:hover {
 filter:none;
}

.depo {
 width:100%;
 max-width:1350px;
 margin:60px auto 0;
 padding:20px;
 text-align:center;
 font-size:1.2em;
 line-height:1.2em;
}

.depobox {
 flex:1;
 background-color:#fff;
 border-radius:3px;
 box-shadow:0 0 8px rgba(0,0,0,0.2);
 margin:0 10px 30px;
 padding:20px;
 text-align:left;
 font-size:0.85em;
 line-height:1.2em;
}

.valor {
 width:100%;
 background-color:var(--cor-base);
 background-image:url(/imagens/home/bgpreco.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 margin:50px 0;
 padding:50px 20px;
 text-align:center;
 color:#fff;
 font-weight:500;
 font-size:1.4em;
 line-height:1.1em;
}

.valortit {
 font-weight:700;
 font-size:2em;
 line-height:1em;
}

.faq {
 width:100%;
 max-width:1300px;
 margin:0 auto;
 padding:40px 15px;
 font-size:1.2em;
 line-height:1.2em;
}

.faq1 {
 flex:2;
}

.acordtit {
 background-color:#ececec !important;
 border:0 !important;
 border-radius:0 !important;
 margin:13px 0 0 !important;
 padding:13px !important;
 font-weight:500 !important;
}

.acordtit:hover {
 background-color:#ececec !important;
}

.ui-state-active {
 background:#ececec !important;
 color:#000 !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
 background-image: url(/includes/js/jquery/images/ui-icons_222222_256x240.png) !important;
}

.faq2 {
 flex:1;
 text-align:center;
 padding:0 30px;
 font-size:1.3em;
 font-weight:600;
 line-height:1em;
 color:var(--cor-dois);
}

.final {
 width:100%;
 background-color:var(--cor-dois);
 padding:80px 20px;
 margin-top:50px;
 text-align:center;
 font-size:1.3em;
}

.finaltit {
 font-size:2em;
 font-weight:700;
 line-height:1.1em;
}

/***********/

@media screen and (max-width:1500px) {
 .comunid2 {
  padding-top:40px;
  font-size:1.2em;
 }
 .palestratit {
  font-size:1.4em;
 }
 .palestrabox {
  margin:10px 5px;
 }
}

@media screen and (max-width:1000px) {
 .herotxt {
  padding:60px 0 0 30px;
 }
 .herobot {
  max-width:300px;
  margin-top:20px;
  padding:8px 20px;
  font-size:1.1em;
 }
 .introtit {
  font-size:2em;
  padding:0 10px 25px;
 }
 .introseta {
  margin-bottom:20px;
 }
 .quembox {
  font-size:0.8em;
 }
 .conteudo {
  padding:20px 15px;
 }
 .conteudo1 {
  max-width:40px;
  font-size:1.8em;
 }
 .conteudo2 {
  font-size:0.9em;
 }
 .comunid2 {
  padding-top:0;
  font-size:1em;
 }
 .palestra {
  padding:30px 10px;
  font-size:1.1em;
 }
 .palestratit {
  font-size:1.3em;
 }
 .palestrabox {
  min-width:200px;
 }
 .depo {
  padding:0 15px;
 }
 .depobox {
  min-width:250px;
 }
}

@media screen and (max-width:850px) {
 .rodape {
  padding:25px;
 }
 .rod1 {
  width:100%;
  text-align:center;
  padding:0 0px;
  font-size:0.9em;
  line-height:1.6em;
 }
 .rod2 {
  float:none;
  width:100%;
  max-width:none;
  margin:30px 0 10px;
  padding:15px 10px;
 }
 .herotxt {
  padding:50px 0 0 30px;
 }
 .herobot {
  max-width:250px;
  font-size:1em;
 }
 .quem {
  padding:40px 10px;
  font-size:1em;
 }
 .quembox {
  min-width:200px;
  margin:40px 25px 20px;
  font-size:1em;
 }
 .quemico {
  max-width:80px;
 }
 .comunid {
  padding:30px 10px;
 }
 .comunidtit {
  font-size:1.8em;
 }
 .palestra {
  padding:10px;
 }
 .palestratit {
  font-size:1.2em;
  line-height:1.3em;
 }
 .palestrabox {
  flex:none;
  display:inline-block;
  width:45%;
  max-width:220px;
  min-width:0;
  margin:10px 10px 30px;
 }
 .faq {
  padding:20px 15px;
  font-size:1em;
 }
 .faq2 {
  padding:30px 0 0 20px;
 }
}

@media screen and (max-width:650px) {
 .topo {
  height:65px;
  border-top:5px solid var(--cor-dois);
 }
 .topologo {
  padding:6px;
 }
 .logo {
  max-width:205px;
 }
 .topored {
  display:none;
 }
 .toporedes {
  padding-top:10px;
  padding-right:5px;
 }
 .floatwhats {
  right:5px;
 }
 .floatwhats_img {
  width:60px;
 }
 .floatwhats_img:hover {
  width:60px;
 }
 h1 {
  font-size:1.4em;
 }
 .hero1 {
  margin-top:65px;
 }
 .herotxt {
  padding:40px 0 0 30px;
 }
 .herobot {
  max-width:200px;
  margin-top:10px;
  padding:6px 20px;
  font-size:0.9em;
 }
 .introtit {
  padding:0 10px 20px;
  font-size:1.7em;
 }
 .introseta {
  width:65px;
  margin-bottom:15px;
 }
 .conteudo {
  padding:5px 15px;
  font-size:1em;
 }
 .conteudo1 {
  max-width:30px;
  padding-top:0;
 }
 .conteudo2 {
  padding-left:10px;
  font-size:1em;
 }
 .comunid {
  margin:35px 0 0;
  padding:20px;
 }
 .comunid1 {
  flex:none;
  display:inline-block;
  width:100%;
 }
 .comunid2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 0 10px;
 }
 .palestrabox {
  max-width:200px;
 }
 .depo {
  margin: 0 auto;
  padding:5px 15px;
  font-size:1em;
 }
 .depobox {
  padding:15px;
  font-size:0.9em;
 }
 .valor {
  font-size:1.2em;
 }
 .faq {
  padding:0 15px;
 }
 .faq1 {
  flex:none;
  display:inline-block;
  width:100%;
 }
 .faq2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 0 0;
 }
 .final {
  font-size:1.1em;
 }
 .finaltit {
  font-size:1.7em;
 }
}

@media screen and (max-width:500px) {
 .topoteltxt {
  display:none;
 }
 .hero1 {
  max-height:none;
 }
 .herotxt {
  flex:none;
  display:inline-block;
  width:100%;
  text-align:center;
  padding:30px 20px 0;
 }
 .heroimg {
  display:none;
 }
 .heroimgmob {
  display:inline-block;
  margin-bottom:-4px;
 }
 .herobot {
  max-width:300px;
  margin-top:20px;
  padding:8px 20px;
  font-size:1em;
 }
 .introseta {
  display:none;
 }
 .intro {
  padding:35px 15px;
  font-size:1em;
 }
 .botmain {
  padding:12px 50px;
  font-size:1.1em;
 }
 .quem {
  padding:40px 20px;
 }
 .quembox {
  flex:none;
  display:inline-block;
  width:100%;
  min-width:none;
  margin:30px 0 0;
 }
 .quemico {
  max-width:60px;
 }
 .palestrabox {
  width:44%;
  max-width:180px;
  margin:10px 5px 20px;
 }
 .palestralkd {
  filter:none;
 }
 .depo {
  padding:5px 20px;
 }
 .depobox {
  margin:0 0 20px;
 }
 .valor {
  margin:40px 0;
  padding:40px 20px;
 }
 .valortit {
  font-size:1.8em;
 }
 .faq {
  font-size:0.9em;
 }
 .final {
  padding:50px 20px;
  margin-top:30px;
 }
}

@media screen and (max-width:350px) {
 .topologo {
  width:100%;
  text-align:center;
 }
 .topotel {
  display:none;
 }
 .inweb {
  text-align:left;
 }
 .herobot {
  max-width:250px;
  margin-top:10px;
  padding:6px 20px;
  font-size:1em;
 }
 .introtit {
  padding:10px 10px 20px;
  font-size:1.3em;
 }
 .palestrabox {
  width:100%;
  max-width:220px;
  margin:10px 0 20px;
 }

 .valor {
  font-size:1em;
 }
}