/* Vars */

:root {
 --cor-base:#2a2c1b;
 --cor-clara:#a8a569;
 --cor-escura:#141314;
 --cor-bg:#ece7e4;
}

/* 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:#000;
 font-family:Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

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

/* 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;
 line-height:initial;
}

.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:#000;
 outline:none;
 overflow-wrap:anywhere;
}

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

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

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

input[type=text],input[type=password],input[type=date],input[type=file],select,textarea {
 width:100%;
 font-family:'Open Sans',Arial,Helvetica;
 border:1px solid rgba(0,0,0,0.25);
 background-color:#fff;
 color:var(--cor-base);
 margin-bottom:15px;
 padding:6px;
 outline:none;
 resize:none;
}

input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,select:focus,textarea:focus {
 border:1px solid var(--cor-base);
}

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

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

::placeholder {
 color:var(--cor-escura);
 opacity:0.4;
 font-size:0.9em;
}

button,input[type=button],input[type=submit] {
 background-color:var(--cor-base);
 border:solid 1px var(--cor-base);
 padding:7px 10px;
 margin:5px 0;
 color:#fff;
 outline:none;
 cursor:pointer;
 transition:0.3s;
}

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

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

li {
 margin-left:1em;
}

blockquote {
 border-left:solid 3px var(--cor-base);
 padding-left:1em;
 font-style:italic;
}

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

main {
 margin:0;
 padding:0;
}

/* Table */

.table {
 display:table;
 width:100%;
 border-collapse:collapse;
}

.table > div {
 display:table-row;
}

.table > div > div {
 display:table-cell;
 border:1px solid var(--cor-escura);
 padding:7px;
 vertical-align:middle;
}

.table-header > div {
 font-weight:bold;
 background:var(--cor-clara);
}

@media (max-width:768px) {

 .table {
  display:block;
 }

 .table > div {
  display:block;
  border:1px solid var(--cor-base);
  border-radius:6px;
  overflow:hidden;
  margin-bottom:1em;
 }

 .table > div > div {
  display:block;
  border:none;
  border-bottom:1px solid var(--cor-clara);
  padding:8px;
 }

 .table > div > div:last-child {
  border-bottom:none;
 }

 .table > div > div::before {
  content:attr(data-label);
  font-size:0.9em;
  font-weight:bold;
  display:block;
  margin-bottom:4px;
  color:var(--cor-base);
 }

 .table-header {
  display:none !important;
 }

}

/* 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;
}

.yesresp {
 display:none;
}

.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;
}

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

/* Lightbox */

#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);
}

/* YouTube Embed */

.embed-container {
 position:relative;
 padding-bottom:56.25%;
 height:0;
 overflow:hidden;
 max-width:100%;
}

.embed-container iframe,.embed-container object,.embed-container embed {
 position:absolute;
 top:0; left:0;
 width:100%;
 height:100%;
}

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

 .noresp {
  display:none;
 }

 .yesresp {
  display:initial;
 }

}

@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:100px;
 position:fixed;
 top:0;
 left:0;
 z-index:2;
 background-color:var(--cor-escura);
 border-bottom:1px solid var(--cor-base);
}

.topologo {
 display:inline-block;
 padding:24px 0 0 35px;
 width:100%;
 max-width:350px;
}

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

.topomenu {
 display:inline-block;
 float:right;
 padding:36px 40px 0 0;
}

.menuitem {
 display:inline-block;
 padding:0 5px;
 font-size:1.05em;
 font-weight:400;
 color:var(--cor-bg);
}

.menuquadro {
 display:inline-block;
 width:6px;
 height:12px;
 background-color:var(--cor-clara);
 margin:0 10px;
}

.menuredes {
 display:inline-block;
 width:28px;
 height:28px;
 border:1px solid var(--cor-clara);
 background-color:var(--cor-clara);
 border-radius:2px;
 margin-left:5px;
 padding-top:3px;
 text-align:center;
 transition:0.3s;
}

.menuico {
 width:16px;
}

.menuredes:hover {
 border:1px solid var(--cor-bg);
 background-color:var(--cor-bg);
}

#menu_hamb_ico {
 display:none;
 float:right;
 width:30px;
 height:30px;
 margin:17px 20px 0 0;
 border:0;
 cursor:pointer;
}

#menu_resp {
 display:none;
 position:absolute;
 top:58px;
 left:0;
 width:100%;
 text-align:center;
 background:var(--cor-escura);
 padding:15px 30px 10px;
 z-index:3;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 border:1px solid var(--cor-clara);
 border-radius:3px;
 padding:5px 10px;
 margin-bottom:15px;
 font-size:1em;
 font-weight:400;
 color:#fff;
 cursor:pointer;
}

.menuitem_resp:hover {
 color:#fff;
}

.rodape {
 width:100%;
 background-color:var(--cor-escura);
 border-top:8px solid var(--cor-clara);
 text-align:center;
 padding:45px 20px;
 font-weight:600;
 font-size:1.1em;
 color:var(--cor-bg);
}

.rodbot {
 display:inline-block;
 width:100%;
 max-width:300px;
 border:1px solid rgba(255,255,255,0.5);
 border-radius:2px;
 margin:15px 0;
 padding:8px;
 font-weight:500;
 font-size:1.1em;
 color:var(--cor-bg);
 transition:0.3s;
}

.rodbot:hover {
 background-color:var(--cor-clara);
 border:1px solid var(--cor-clara);
 color:#000;
}

.rodredes {
 display:inline-block;
 width:32px;
 height:32px;
 background-color:var(--cor-clara);
 border-radius:2px;
 margin:4px;
 padding-top:5px;
 text-align:center;
 transition:0.3s;
}

.rodico {
 width:18px;
}

.rodredes:hover {
 background-color:var(--cor-bg);
}

.inweb {
 width:100%;
 background-color:var(--cor-base);
 text-align:center;
 padding:13px;
 font-size:0.8em;
 letter-spacing:0.05em;
}

.rodcookies {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 z-index:2;
 background-color:var(--cor-base);
 padding:15px 20px;
 color:#fff;
}

.rodcookies1 {
 flex:1;
 padding-top:15px;
 padding-right:20px;
 font-size:0.95em;
}

.rodcookies2 {
 flex:1;
 max-width:220px;
 padding-right:10px;
}

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

.floatwhats_img {
 width:60px;
 transition:0.3s;
}

.floatwhats_img:hover {
 width:70px;
}

.cookiesbot {
 background-color:var(--cor-base);
 border:1px solid rgba(255,255,255,0.7);
 border-radius:2px;
 padding:10px 35px;
 font-family:Arial;
 font-size:0.7em;
 font-weight:700;
 transition:0.3s;
}

.cookiesbot:hover {
 background-color:#000;
 border:1px solid #000; 
}

/** HOMEPAGE **/

.homeslider {
 display:inline-block;
 width:100%;
 margin-top:100px;
}

.homeslider_box {
 width:100%;
 height:550px;
 background-position:center; 
 background-size:cover;
 position:relative;
}

.homeslider_txt {
 width:50%;
 position:relative;
 top:50%;
 left:80%;
 transform:translateY(-50%) translateX(-80%);
 text-align:center;
 font-size:2em;
 font-weight:400;
 color:#000;
 line-height:1.3em;
}

.slickseta {
 position:absolute;
 top:48%;
 z-index:1;
 cursor:pointer;
}

.slickimg {
 width:30px;
 margin:0 15px;
 transition:0.3s;
}

.slickimg:hover {
 margin:0 10px;
}

.home_intro {
 width:100%;
 max-width:1200px;
 margin:0 auto;
 padding:80px 20px 60px;
}

.home_intro1 {
 flex:1;
 padding-right:30px;
 font-size:1.2em;
 font-weight:300;
 line-height:1.4em;
}

.home_intro2 {
 flex:1;
 padding-left:30px; 
}

.home-tittraco {
 display:inline-block;
 width:150px;
 height:3px;
 background-color:var(--cor-clara);
 margin:10px 0 15px;
}

.home-introbot {
 display:inline-block;
 width:100%;
 max-width:250px;
 border:1px solid var(--cor-base);
 border-radius:2px;
 text-align:center;
 padding:10px 10px 7px;
 margin-top:30px;
 font-weight:600;
 font-size:0.8em;
 letter-spacing:0.2px;
 color:var(--cor-base);
 transition:0.3s;
}

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

.home-introbox {
 width:100%;
 background-color:rgba(2555,255,255,0.25);
 border:1px solid var(--cor-clara);
 border-left:10px solid var(--cor-clara);
 padding:8px 15px;
 margin-bottom:20px;
 font-size:1.05em;
 line-height:1.3em;
}

.home-introico {
 width:50px;
 margin-right:10px;
 margin-bottom:-5px;
}

.home_projetos {
 width:100%;
 background-color:#fff;
 padding:80px 20px;
 margin-top:-4px;
 text-align:center;
 font-size:1.2em;
 line-height:1.4em;
}

.home_projetosmain {
 display:inline-block;
 max-width:370px;
 border:1px solid rgba(0,0,0,0.3); 
 vertical-align:top;
 margin:20px;
 padding:10px;
 transition:opacity .5s ease; 
}

.fade-out { 
 opacity:0;
}

.home_projetos_aba {
 width:100%;
 border-radius:2px;
 text-align:center;
 padding:8px 5px;
 margin-bottom:6px;
 color:#fff;
 font-weight:600;
 font-size:0.9em;
 letter-spacing:0.5px;
}

.home_projetos_box {
 display:inline-block;
 width:100%;
 max-width:350px;
}

.home_projetos_container1 {
 width:100%;
 max-width:350px;
 border-radius:2px;
 overflow:hidden; 
}

.home_projetos_container2 {
 width:350px;
 height:400px;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 transition:all .6s;
}

.home_projetos_container1:hover .home_projetos_container2 {
 transform:scale(1.2);
}

.home_projetos_txt {
 padding:10px 5px 0;
 font-size:1.4em;
 font-weight:600;
 line-height:1.1em;
 color:var(--cor-base);
}

/** INTERNAS **/

.titulo {
 width:100%;
 height:300px;
 background-image:url(/imagens/layout/capa.webp);
 background-position:center;
 background-size:cover;
 margin-top:100px;
 padding:0 20px;
 text-align:center;
 position:relative;
}

.titulo_txt {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%) translateY(-50%);
 color:var(--cor-base);
 font-size:3em;
 font-weight:700;
 line-height:1em;
}

.titquadro {
 width:16px;
 margin-right:15px;
 margin-bottom:-5px;
}

.centro {
 width:100%;
 max-width:1250px;
 margin:0 auto;
 padding:60px 20px 50px;
 font-size:1.1em;
 line-height:1.5em;
}

.quem1 {
 flex:2;
 text-align:center;
}

.quemfoto {
 width:100%;
 max-width:470px;
 border:10px solid var(--cor-bg);
 outline:1px solid rgba(0,0,0,0.3);
}

.quem2 {
 flex:3;
 padding:15px 0 0 30px;
}

.quemvalores {
 width:100%;
 max-width:1450px;
 margin:0 auto;
 padding:10px 20px 50px;
}

.quembox {
 flex:1;
 min-width:240px;
 background-color:rgba(255,255,255,0.7);
 border:1px solid var(--cor-clara);
 border-left:8px solid var(--cor-clara);
 padding:13px 15px;
 margin:20px 10px;
 font-size:1.05em;
 line-height:1.3em;
}

.subtit {
 width:100%;
 background-color:var(--cor-base);
 padding:15px;
 text-align:center;
 color:#fff;
 font-weight:500;
 font-size:1.1em;
}

.thumbs {
 width:45%;
 max-width:232px;
 border:5px solid var(--cor-bg);
 outline:1px solid rgba(0,0,0,0.4);
 margin:8px;
 transition:0.1s;
}

.thumbs:hover {
 border:1px solid var(--cor-clara);
 outline:5px solid var(--cor-base);
}

.parcbot {
 display:inline-block;
 width:100%;
 max-width:400px;
 border:1px solid var(--cor-base);
 border-radius:2px;
 text-align:center;
 margin:20px 0;
 padding:12px 10px;
 font-weight:600;
 letter-spacing:0.3px;
 color:var(--cor-base);
 transition:0.3s;
}

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

.vid_container {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:56.25%;
}

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

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

@media screen and (max-width:1300px) {
 .home_projetos {
  padding:60px 10px;
 }
 .home_projetosmain {
  margin:10px;
 }
 .titulo {
  height:250px;
 }
 .titulo_txt {
  font-size:2.5em;
 }
 .titquadro {
  width:13px;
 }
 .centro {
  padding:40px 20px;
 }
}

@media screen and (max-width:1200px) {
 .topo {
  height:60px;
 }
 .topologo {
  padding:10px 0 0 10px;
  max-width:190px;
 }
 .logo {
  max-width:190px;
 }
 .topomenu {
  padding:17px 20px 0 0;
 }
 .menuitem, .menuquadro {
  display:none;
 }
 #menu_hamb_ico {
  display:inline-block;
 }
 .homeslider {
  margin-top:60px;
 }
 .homeslider_box {
  height:450px;
 }
 .homeslider_txt {
  width:60%;
  font-size:1.5em;
 }
 .titulo {
  height:200px;
  margin-top:60px;
 }
 .titulo_txt {
  font-size:2.2em;
 }
}

@media screen and (max-width:900px) {
 .rodape {
  padding:30px 20px;
 }
 .rodbot {
  max-width:250px;
  padding:6px 10px;
 }
 .home_intro {
  padding:45px 20px;
 }
 .home_intro1 {
  padding-right:15px;
  font-size:1.1em;
  line-height:1.3em;
 }
 .home_intro2 {
  padding-left:15px; 
 }
 .home-introbox {
  margin-bottom:15px;
  font-size:1em;
  line-height:1.2em;
 }
 .home-introbot {
  padding:9px 10px 8px;
  margin-top:20px;
 }
 .home_projetos {
  padding:45px 10px;
  font-size:1em;
 }
 .home_projetosmain {
  max-width:270px;
 }
 .home_projetos_box {
  max-width:250px;
 }
 .home_projetos_container1 {
  max-width:250px;
 }
 .home_projetos_container2 {
  width:250px;
  height:300px;
 }
 .home_projetos_txt {
  font-size:1.3em;
  line-height:1em;
 }
 .quem1 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:0 50px;
 }
 .quemfoto {
  border:6px solid var(--cor-bg);
 }
 .quem2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:30px 0 0 0;
 }
 .quemvalores {
  padding:10px 20px 30px;
 }
 .quembox {
  flex:none;
  display:inline-block;
  width:46%;
  min-width:none;
  padding:11px 13px;
  margin:8px;
  font-size:1em;
 }
}

@media screen and (max-width:700px) {
 .floatwhats {
  bottom:2px;
  right:6px;
 }
 .floatwhats_img {
  width:45px;
 }
 .floatwhats_img:hover {
  width:45px;
 }
 .homeslider_box {
  height:350px;
 }
 .homeslider_txt {
  width:75%;
  padding:0 30px;
  font-size:1.2em;
 }
 .slickseta {
  top:45%;
 }
 .slickimg {
  width:25px;
  margin:0 10px;
 }
 .home_intro {
  padding:35px 20px;
 }
 .home_intro1 {
  flex:none;
  display:inline-block;
  width:100%;
  padding-right:0;
  font-size:1.05em;
 }
 .home_intro2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding-left:0; 
  margin-top:40px;
 }
 .titulo {
  height:150px;
 }
 .titulo_txt {
  font-size:1.8em;
 }
 .titquadro {
  width:10px;
  margin-right:10px;
  margin-bottom:-4px;
 }
 .centro {
  padding:30px 15px;
  font-size:1em;
  line-height:1.4em;
 }
}

@media screen and (max-width:550px) {
 .homeslider_txt {
  width:100%;
  padding:0 50px;
  font-size:1em;
 }
 .home_projetosmain {
  max-width:280px;
  padding:5px;
  margin:10px 0;
 }
 .home_projetos_box {
  max-width:270px;
 }
 .home_projetos_container1 {
  max-width:270px;
 }
 .home_projetos_container2 {
  width:270px;
 }
 .quemvalores {
  padding:0 10px 30px;
 }
 .quembox {
  flex:none;
  display:inline-block;
  width:46%;
  min-width:none;
  padding:11px 13px;
  margin:8px;
  font-size:1em;
 }
 .quembox {
  width:90%;
  margin:6px 0;
 }
 .thumbs {
  margin:5px;
 }
}

@media screen and (max-width:450px) {
 .titulo_txt {
  font-size:1.6em;
 }
 .quem1 {
  padding:0 35px;
 }
 .thumbs {
  margin:3px;
 }
}

@media screen and (max-width:380px) {
 .topologo {
  padding:14px 0 0 10px;
  max-width:160px;
 }
 .logo {
  max-width:150px;
 }
 .menuredes {
  margin-left:2px;
 }
 .topomenu {
  padding:17px 10px 0 0;
 }
 #menu_hamb_ico {
  margin:17px 10px 0 0;
 }
 .inweb {
  text-align:left;
 }
 .quem1 {
  padding:0 20px;
 }
}

@media screen and (max-width:300px) {
 .menuredes {
  display:none;
 }
}