/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: "Poppins", sans-serif;}
/*********************************************************/
:root {
	--dourado: #A69D84;
	--azul: #2B354B;
}

.esquerda {width: 47%; float: left;}
.direita {width: 47%; float: right;}

.aparecer {display: none !important;}

.bgcover {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg100  {background-repeat: no-repeat; background-size: 100%; background-position: center center;}

h1 {font-family: "Prata", serif;}
p {font-weight: 400; line-height: 30px; font-size: 1.1em; text-align: justify;}

.cr-dourado {color: var(--dourado); font-size: 1.6em; top: 10px; position: relative;}

.botao-azul {background-color: var(--azul); border: 1px solid var(--dourado); border-radius: 10px; padding: 10px 30px; color: #fff; font-weight: 400; cursor: pointer;}
.botao-azul:hover {background-color: var(--dourado);}
/*********************************************************/
header {width: 100%; position: absolute; z-index: 9999;}
header .inicio {width: 100%; display: table; padding: 10px 0;}

header .social {float: left;}
header .social li {float: left; width: 24px; height: 24px; background-color: var(--dourado); color: var(--azul); border-radius: 50%; text-align: center; margin-right: 10px;}
header .social li:hover {background-color: var(--azul); color: #fff;}

header .dados {float: right;}
header .dados li {float: left; padding-left: 20px; color: #fff; font-weight: 300; font-size: 0.9em;}
header .dados i { width: 24px; height: 24px; background-color: var(--dourado); color: var(--azul); border-radius: 50%; text-align: center; margin-right: 5px; padding-top: 5px; }

header .topo {width: 100%; border-top: 1px solid var(--dourado); border-bottom: 1px solid var(--dourado); padding-top: 15px; background-color: rgba(0,0, 0, 0.7); display: table;}
header .logo {width: 20%; height: 100px; float: left; margin-bottom: 10px;}
header .menu {float: right; padding-top: 35px;}
header .selo {float: left; width: 70px; height: 90px; margin-right: 20px;}
/*********************************************************/
.home { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.home h1 {color: #fff; font-size: 2.6em; padding-bottom: 20px; letter-spacing: 2px; line-height: 45px; padding-top: 25%; position: relative; z-index: 999;}
.home h2 {color: #fff; font-size: 1.2em; font-weight: 400; text-transform: uppercase; padding-bottom: 40px;}
.home p {color: #fff;}

.home .esquerda {position: relative; z-index: 999; padding-top: 20px; width: 55%;}
.home .rp {width: 100%; height: 140px; background-position: bottom; background-image: url(../images/rp.png); position: absolute; z-index: 999; left: 0; bottom: -1px;}
.home .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.home .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/bgvideo.png); background-size: 10%; z-index: 1; }
.home #titulo::after { content: '|'; animation: blink 0.7s infinite; }
.home .txt {background-color: rgba(0,0, 0, 0.3); padding: 20px; border-radius: 20px;}

.textohome {width: 100%; display: table; padding: 60px 0 20px 0; text-align: center;}
/*********************************************************/
.tela-1 {width: 100%; display: table; padding: 60px 0 120px 0; background-image: url(../images/bg-1.png); background-position: bottom center; background-repeat: no-repeat;}
.tela-1 h1 {font-size: 1.2em; color: var(--dourado); font-weight: 400;}
.tela-1 h2 {color: var(--azul); padding-bottom: 20px;}

.tela-1 .esquerda {position: relative;}
.tela-1 .sombra {border: 1px solid var(--azul); background-color: transparent; width: 45%; height: 600px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; position: absolute; z-index: -1; left: -20px; top: 20px;}
.tela-1 .img1 {float: left; width: 48%; height: 600px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; transition: transform 0.4s ease-in-out;}
.tela-1 .img2 {float: right; width: 48%; height: 290px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px;  transition: transform 0.4s ease-in-out;}
.tela-1 .img3 {float: right; width: 48%; height: 290px; margin-top: 20px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px;  transition: transform 0.4s ease-in-out;}
.tela-1 .img1:hover { transform: scale(1.1); }
.tela-1 .img2:hover { transform: scale(1.1); }
.tela-1 .img3:hover { transform: scale(1.1); }
/*********************************************************/
.tela-2 {width: 100%; display: table; padding: 100px 0; background-attachment: fixed; background-position: right; background-color: var(--azul);}
.tela-2 h1 {color: var(--dourado); font-size: 2.4em; font-weight: 400;}
.tela-2 h2 {font-size: 1.2em; color: #fff; font-style: italic;}
.tela-2 p {color: #fff;}
.tela-2 .quadro {padding: 60px 0 0 40px;}
/*********************************************************/
.atuacao {width: 100%; display: table; padding: 60px 0; background-image: url(../images/bg-2.jpg); background-repeat: no-repeat; background-position: bottom; text-align: center;}
.atuacao h1 {color: var(--azul); font-size: 2.4em; font-weight: 400; padding-bottom: 40px;}
.atuacao h2 {color: var(--dourado); text-transform: uppercase; font-size: 1em; font-weight: 400;}
.atuacao h3 {font-size: 1em; padding: 10px 0; text-transform: uppercase;}
.atuacao .verso p {font-size: 0.9em; font-weight: 300; line-height: 20px;}

.atuacao .icon {width: 40%; height: 100px; margin: auto;}
.atuacao .quadro {width: 30%; float: left; text-align: center; height: 200px; background-color: var(--azul); perspective: 1000px; margin: 0 1.5% 40px 1.5%; border-radius: 10px; position: relative;}
.atuacao .frente {width: 100%; height: 100%; position: absolute; flex-direction: column; backface-visibility: hidden; border-radius: 10px; transition: transform 0.6s; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; box-sizing: border-box; border: 5px solid var(--azul); overflow: hidden;}
.atuacao .verso { background-color: var(--dourado); padding: 20px; color: white; transform: rotateY(180deg); border-radius: 10px;  }
.atuacao .quadro:hover .frente {border: 5px solid var(--dourado); }
.atuacao .quadro:hover .verso { transform: rotateY(0deg); }
/*********************************************************/
.tela-3 {width: 100%; padding: 60px 0; text-align: center; background-color: var(--azul);}
.tela-3 p {color: #fff; font-style: italic;}
.tela-3 h2 {font-family: "Prata", serif; text-align: right; color: var(--dourado); font-weight: 400; font-size: 1.1em; padding-top: 30px;}
.tela-3 .quadro {width: 80%; margin: auto;}
/*********************************************************/
footer {width: 100%; display: table; padding-top: 30px; background-image: url(../images/rodape.png); background-repeat: no-repeat; background-position: top left; border-top: 10px solid var(--dourado);}
footer h2 {color: var(--dourado); font-size: 1em; font-weight: 500; padding-bottom: 5px;}
footer .logo {float: left; width: 15%; height: 80px; margin:20px 10% 0 0;}
footer .quadro {float: left; padding-right: 20px; margin-right: 5%;}
footer .quadro li {font-size: 0.9em; color: #333;}
footer .quadro i {color: var(--azul); padding-right: 5px;} 
footer .social {width: 15%; float: left; text-align: center;}
footer .social li {display: inline-block; color: var(--azul); font-size: 1.2em; padding: 0 10px;}
footer .social li:hover {color: var(--dourado);}
/*********************************************************/
.fim {width: 100%; display: table; text-align: center; padding: 20px 0; background-color: var(--dourado);}
.fim p {font-size: 0.9em; color: #fff; font-weight: 300;}
.fim a {color: #fff;}
.fim a:hover {color: var(--azul);}
/*********************************************************/
.navegacao {width: 100%; padding: 10px 0; background-color: var(--dourado); display: table; min-height: 450px; position: relative; background-attachment: fixed;}
.navegacao .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/bgvideo2.png); background-size: 10%; z-index: 1; }
.navegacao h1 {color: #fff; font-size: 3em;}
.navegacao ul {width: 100%; text-align: center; padding-top: 250px; position: relative; z-index: 999;}
.navegacao li {display: inline-block; padding-right: 10px; font-size: 0.9em; color: #fff;}
.navegacao a {color: #fff;}
.navegacao a:hover {color: var(--dourado);}
.detalhes h1 {font-size: 2em !important;}
/*********************************************************/
.sobre {width: 100%; display: table; padding: 60px 0;}
.sobre h1 {color: var(--dourado); font-size: 1.4em; font-weight: 500;}
.sobre h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px;}

.sobre .direita {position: relative;}
.sobre .sombra {position: absolute; width: 40%; border: 1px solid var(--azul); height: 350px; top: 20%; right: -20px; z-index: -1; border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
/*********************************************************/
@keyframes blink {
	0%, 50% {
		opacity: 1;
	}
	50.1%, 100% {
		opacity: 0;
	}
}
/*********************************************************/
.escritorio {width: 100%; display: table; padding: 60px 0; position: relative; text-align: center; }
.escritorio h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px;}

.escritorio .foto-g {width: 22%; height: 260px; float: left; margin: 1%; border-radius: 10px; transition: filter 0.4s ease-in-out;}
.escritorio .foto-m {width: 33%; height: 260px; float: left; margin: 1%; border-radius: 10px; transition: filter 0.4s ease-in-out;}
.escritorio .foto-p {width: 22%; height: 260px; float: left; margin: 1%; border-radius: 10px;transition: filter 0.4s ease-in-out;}
.escritorio .foto {width: 15%; height: 260px; float: left; margin: 1%; border-radius: 10px; transition: filter 0.4s ease-in-out;}
.escritorio .foto-g:hover {filter: brightness(70%);}
.escritorio .foto-m:hover {filter: brightness(70%);}
.escritorio .foto-p:hover {filter: brightness(70%);}
.escritorio .foto:hover {filter: brightness(70%);}

.escritorio .esquerda {width: 70%;}
.escritorio .direita {width: 30%;}
/*********************************************************/
.contato {width: 100%; display: table; padding: 60px 0; position: relative;}
.contato h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px;}
.contato h3 {color: var(--azul); font-weight: 500; text-transform: uppercase; }

.contato li {width: 100%; float: left; padding-bottom: 40px; font-size: 0.9em;}
.contato i {color: var(--dourado); font-size: 2em; margin-bottom: 10px;}

.contato .icon {width: 10%; float: left; padding-top: 10px;}
.contato .texto {width: 90%; float: right;}

.contato .esquerda {width: 40%;}
.contato .direita {width: 58%; margin-top: 60px; background-color: #f9f9f9; border-radius: 20px; padding: 20px;}
.contato .input {width: 100%; padding: 15px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 10px; font-family: "Poppins", sans-serif;}
.contato .inputtext {width: 100%; height: 120px; resize: none; padding: 15px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 10px; font-family: "Poppins", sans-serif;}
.mapa iframe {width: 100%; height: 450px; border-radius: 20px;}
.contato span {font-size: 0.9em; font-style: italic; color: var(--azul);}
.contato input:disabled { background: #656666; cursor: not-allowed;}
/*********************************************************/
.service {width: 100%; display: table;  padding: 80px 0;}
.service h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px;}
.service h3 {color: var(--dourado); text-transform: uppercase; font-size: 0.8em; font-weight: 400;}
.service .esquerda {width: 75%;}
.service .direita {text-align: center; width: 20%; margin-top: 120px;}
.service img {border-bottom: 20px solid var(--dourado); border-top-left-radius: 20px; border-top-right-radius: 20px;}

.service .icon {width: 50%; height: 80px; margin: auto;}
.service .quadro {width: 100%; border: 5px solid var(--azul); text-align: center; height: 150px; background-color: var(--azul); perspective: 1000px; margin-bottom: 20px; border-radius: 10px; position: relative; padding: 10px; display: flex; flex-direction: column;}
.service .quadro:hover {border: 5px solid var(--dourado);}
.service .capa {width: 60%; margin: auto;}

/*********************************************************/
.blog {width: 100%; display: table;  padding: 80px 0;}
.blog h2 {color: var(--azul); padding: 20px 0;}
.blog a {color: var(--azul);}
.blog a:hover {color: var(--dourado);}

.blog article {width: 100%; padding: 30px 40px; display: table; border-bottom: 1px solid var(--dourado);}
.blog .imagem {width: 30%; height: 240px; border-radius: 20px; float: left;}
.blog .texto {width: 65%; float: right;}
/*********************************************************/
.post {width: 100%; display: table;  padding: 80px 0;}
.post h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px; text-align: center;}
.post .capa {width: 60%; margin: 0 auto 40px auto;}
.post .line {margin: 0 auto 40px auto;}
/*********************************************************/
.equipe {width: 100%; display: table;  min-height: 400px;  padding: 80px 0;}
.equipe h2 {color: var(--azul); font-size: 2em; padding-bottom: 20px; }
.equipe .quadro {width: 85%; margin: 0 auto 40px auto; display: table; position: relative; background-color: #f1f1f1; border-radius: 10px; padding: 20px;}
.equipe .foto {float: left; width: 35%; border-bottom: 10px solid var(--dourado);}
.equipe .texto {float: right; width: 60%;}
.equipe .texto p {font-size: 0.9em;}
/*********************************************************/
.bgpaginas {background-image: url(../images/bg-interno.png); background-attachment: fixed;}
/*********************************************************/