@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham.eot"); /* IE9*/
  src: url("../fonts/Gotham.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Gotham.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Gotham.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Gotham.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Gotham.svg#Gotham") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "Gotham HTF Light";
  src: url("../fonts/Gotham HTF Light.eot"); /* IE9*/
  src: url("../fonts/Gotham HTF Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Gotham HTF Light.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Gotham HTF Light.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Gotham HTF Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Gotham HTF Light.svg#Gotham") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "Gotham HTF Black";
  src: url("../fonts/Gotham HTF Black.eot"); /* IE9*/
  src: url("../fonts/Gotham HTF Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Gotham HTF Black.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/Gotham HTF Black.woff") format("woff"), /* chrome、firefox */
  url("../fonts/Gotham HTF Black.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/Gotham HTF Black.svg#Gotham") format("svg"); /* iOS 4.1- */
}
@font-face {
  font-family: "Trajan Pro";
  src: url("../fonts/trajan-pro.otf"); /* IE9*/
}
* {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

html{
	scroll-behavior: smooth;
}

:target {
	scroll-margin-top: 71px;
}

h3 {
	color: rgb(255, 255, 255);
	text-align: justify;
}
p{
	font-size: 1.2em;
	text-align: justify;
}
input{
	border-radius: 8px;
	font-size: 1.1em;
	margin: 5px;
	padding: 5px;
	background-color: white;
	border: solid #CCCCCC 1px;
}
textarea{
	border-radius: 8px;
	font-size: 1.1em;
	margin: 5px;
	padding: 5px;
	background-color: white;
	border: solid #CCCCCC 1px;
}
select{
	border-radius: 8px;
	font-size: 1.1em;
	margin: 5px;
	padding: 5px;
	background-color: white;
	border: solid #CCCCCC 1px;
}
input[type=submit]{
	border-radius: 8px;
	font-weight: bold;
	padding: 10px;
}
input[type=file]{
	border-radius: 8px;
	background-color: none;
}
.container-box {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: grid;
	gap: 0px;
	grid-template-columns: 20% 1fr 1fr 1fr 20%;
	grid-template-rows: 71px 1fr auto;
	grid-template-areas:
		'header header header header header'
		'main main main main main'
		'footer footer footer footer footer'
	;
}

preheader {
	grid-area: preheader;
}

header {
	grid-area: header;
}

menu_nav {
	grid-area: menu_nav;
	text-align: center;
}

main {
	grid-area: main;
}

footer {
	grid-area: footer;
	text-align: center;
	background-color: #212121;
	color: #C7C7C7;
	padding-bottom: 1%;
	padding-top: 1%;
	filter: drop-shadow(0 -1px 9px #00000070);
}
body,td,th {
	font-family: "Gotham HTF";
}
a:link {
	text-decoration: none; 
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #DB3F42;
}
a:active {
	text-decoration: none;
	color: #060;
}
body {
	margin: 0;
}

@keyframes anima_entrada {
    0% {
        transform: translateY(60px);
		opacity: 0;
    }
    100% {
        transform: translateX(0);
		opacity: 100;
    }
}
.div_menu{
	float: right;
	position: relative;
	padding-top: 5px;
	height: 71px;
	transition: all 0.5s;
}
.div_menu_top{
	top: 65px;
	transition: all 0.5s;
}
#menu {
	color: #FFF;
	height: 39px;
	border-radius: 0px;
	text-align: center;
	transition: all 0.5s;
}
.menu_top{
	transition: all 0.5s;
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#menu ul {
	width: auto;
	max-width: 940px;
	margin: auto;
}
#menu li {
	float: left;
	display: inline;
	position: relative;
}
#menu a {
	display: block;
	height: 39px;
	margin-top: 0px;
	padding: 0px 19px 0px 19px;
	text-decoration: none;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 100;
	background-repeat: no-repeat;
	background-position: center 40px;
	transition: all 0.3s;
	border-top: solid 1px #ad3f3c;
}
#menu a:hover {
	padding-top: 3px;
	border-top: solid 1px;
}
#menu a.dropdown-arrow:after {
	content: "\002B";
	margin-left: 5px;
}
#menu li a:hover {
	color: #B1B1B1;
	font-weight: 100;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	width: 99%;
	opacity: 0;
	cursor: pointer;
	text-align: center;
}
#menu label {
	display: none;
	text-align: center;
	position: absolute;
	width: 99%;
}
#menu label:before {
	font-size: 2.5em;
	content: "\2261"; 
	color: black;
}
#menu ul.sub-menus{
	height: auto;
	overflow: hidden;
	width: 170px;
	background: #E1D8D8;
	position: absolute;
	z-index: 99;
	display: none;
}
#menu ul.sub-menus li {
	display: block;
	width: 100%;
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
}
#menu li:hover ul.sub-menus {
	display: block
}
#menu ul.sub-menus a:hover{
	background: #E1D8D8;
	color: #FFFFFF;
}
#input_menu_detalhes{
	display: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
}
.label_detalhes{
	display: block;
}
.box{
	font-size: 1em;
	width: 100%;
}
.p_header{
	float: right;	
	padding-top: 6px; 
	padding-left: 10px; 
}
.p_header2{
	float: right; 
	padding-left: 10px; 
}
.p_header_rodape{
	float: right; 
	padding-left: 10px;
	color: white;
}
.p_header_rodape:hover{
	color: #FF0000;
}
.p_header_rodape_endereco{
	width: 100%;
	font-size: 1vw;
	line-height: 1.3vw;
}
.p_header_rodape_telefone{
	width: 100%;
	font-size: 1vw;
	line-height: 1.3vw;
	text-align: inherit;
}
.p_nao_encontrado{
	padding-top: 12%;
	font-size: 3em;
	text-align: center;
}
.span_paginas{
	font-size: 1.3em;
}
.span_paginas_ativa{
	color: #3d8530;
}
.a_paginas{
	color: #000000;
	background-color:#ececec;
	transition: color 0.4s;
	padding: 5px;
}
.a_paginas:hover{
	color: #3d8530;
	transition: color 0.4s;
}

.div_titulo_produto{
	position: absolute;
	height: 15vw;
	width: 98%;
	padding-top: 45%;
	text-align: center;
	opacity: 0;
	transition: all 0.5s;
	font-size: 1.2em;
	background-color: rgba(0,0,0,80%);
	color: #FFFFFF;
	text-shadow: 0 1px 2px black;
}

.div_titulo_produto:hover{
	opacity: 100;
}

.div_numpaginas{
	width: 100%;
	float: left;
	color: #666666;
}
.div_fixa{
	position:fixed;
	width: 100%;
	height: 71px;
	background-color: #ad3f3c;
	backdrop-filter: blur(3px);
	z-index: 99;
	transition: all 0.5s;
	filter: drop-shadow(0 1px 9px #00000070);
}
.div_logo{
	float: left;
	padding: 1px  0;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	transition: all 0.5s;
}
.div_logo_top{
	padding: 0px;
	transition: all 0.5s;
	margin-top: -1%;
}

.img_quemsomos{
	width: 90%;
	min-width: 400px;
	margin-left: 10%;
	border: solid 5px #cf734f;
	padding: 10px;
}

.img_logo{
	position: relative;
	float: left;
	transition: all 0.5s;
	padding-top: 10px;
}
.img_logo_top{
	transform: scale(70%);
	transition: all 0.5s;
}
.input_busca{
	border-radius: 0px;
	border: #e0e0e0 solid 1px;
	width: 70%;
	padding: 1.4%;
	font-size: 1em;
	font-family: "Gotham HTF Light";
}
.input_buscar[type=submit]{
	border-radius: 0px;
	width: 12%;
	min-width: 80px;
	padding: 1.4%;
	margin: 0px;
	font-size: 0.8em;
	font-family: "Gotham HTF Light";
	font-weight: 100;
	color: white;
	background-color: #7b7b7b;
}
.div_buscar{
	float: right;
	width: 60%;
	text-align: left;
	margin-top: 0.5%;
	transition: all 0.5s;
}
.div_buscar_top{
	transition: all 0.5s;
}
.div_procura_header{
	width: 50%;
	height: 100%;
	padding-top: 30px;
	float: right;
	text-align: right;
	margin-right: 15%;
}

.div_redes_sociais{
	padding-top: 3%;
	text-align: inherit;
}
.div_redes_sociais_top{
	position: absolute;
	right: 0;
	top: 35px;
	text-align: inherit;
}
.div_email{
	float: right;
	width: 55%;
	height: 33%;
	padding-top: 0px;
	text-align: right;
	color: #6f6f6f;
}
.div_telefone{
	float: right;
	width: 55%;
	height: 33%;
	text-align: right;
	color: #6f6f6f;
	font-size: 1.3em;
	font-weight: bold;
}
.div_telefone2{
	float: right;
	text-align: left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 35px;
}
.div_endereco{
	float: left;
	width: 100%;
	text-align: left;
}
.div_alinhamento_header{
	height: 18px;
	line-height: 18px;
	width: 100%;
	background-color: #6a521c;
	color: white;
	padding: 0px;
	margin: 0px;
	font-size: 0.8vw;
	transition: all 0.5s;
}
.div_alinhamento_header_top{
	opacity: 0;
	height: 0px;
	transition: all 0.5s;
}
.div_endereco_header{
	width: 45%;
	float: left;
	margin-left: 15%;
}
.div_telefone_header{
	width: 25%;
	float: right;
	margin-right: 15%;
	height: inherit;
	text-align: right;
}

.div_footer{
	width: 70%;
	margin: auto;
	height: 100%;
}
.div_footer_esquerda_logo{
	margin-top: 2%;
	margin-bottom: 30px;
	width: 100%;
	float: left;
	text-align: left;
}
.div_footer_esquerda{
	margin-top: 0;
	width: 32%;
	float: left;
	text-align: left;
}

.div_footer_centro{
	margin-top: 0;
	width: 32%;
	float: left;
	text-align: center;
}
.div_footer_direita{
	margin-top: 0;
	width: 32%;
	float: left;
	text-align: right;
}
.img_header{
	padding-top: 8px;
}
.p_footer_titulo{
	color: #fef271;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 56px;
}
.p_footer_link{
	color: #b3b3b3;
	text-align: left;
	font-size: 1.2em;
}
.p_footer_link a{
	color: #b3b3b3;
	padding-left: 0px;
	transition: all 0.5s;
}
.p_footer_link a:hover{
	color: #ffffff;
	padding-left: 10px;
	transition: all 0.5s;
}
.div_destaque{
	width: 70%;
	margin: auto;
	padding-top: 3%;
}
.div_novidades_home{
	width: 70%;
	margin: auto;
}
.div_destaque_detalhe{
	padding: 1%;
	width: 100%;
	float: left;
	transition: background 0.5s ;
	height: 25vw;
}
.div_destaque_detalhe:hover{
	background-color: #ececec;
	transition: background 0.5s ;
}
.img_destaque{
	width: 53%;
	float: left;
	padding-right: 2%;
	object-fit: cover;
	object-position: center;
}
.img_novidades{
	height: 200px;
	width: 100%;
	object-fit: cover;
    object-position: center;
	margin-bottom: 5%;
}

.h2_destaques{
	float: right;
	color: #FF0000;
	padding: 0px;
	margin: 0px;
	width: 47%;
	font-size: 1.8vw;
	font-weight: bold;
}
.h2_novidades{
	float: left;
	color: #FF0000;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 2%;
	margin-top: 2%;
}
.h1_destaques{
	width: 47%;
	float: right;
	font-size: 2.3vw;
	color: #000000;
	margin: 1% 0px 3% 0px;
	line-height: 1.2em;
	font-weight: bold;
}
.h1_novidades{
	width: 100%;
	float: left;
	font-size: 1.4em;
	color: #000000;
	margin-bottom: 6%;
	line-height: 1.1em;
}
.p_destaques{
	width: 47%;
	float: right;
	font-size: 1.4vw;
	line-height: 1.1em;
	color: #414141;
	text-align: left;
}
.p_cidade_novidades{
	width: 40%;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	text-align: left;
	color: #FF0000;
}
.p_data_novidades{
	width: 59%;
	float: right;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #939393;
	text-align: right;
}
.div_novidades{
	padding: 0.5%;
	float: left;
	width: 32%;
	margin-right: 1%;
	transition: background 0.5s ;
}
.div_novidades:hover{
	background-color: #ececec;
	transition: background 0.5s ;
}
.div_ultimas{
	margin-top: 1%;
	float: left;
	width: 100%;
}
.h2_ultimas{
	margin: auto;
	background-color: #000000;
	color: #FEEE00;
	width: 70%;
	padding: 0.2%;
	font-size: 1.8em;
	text-align: center;
}
.div_ultimas_noticias{
	width: 70%;
	margin: auto;
	padding-top: 2%;
}
.p_ultima_categoria{
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3%;
	color: #006f9b;
}
.p_ultima_categoria_interna{
	float: left;
	font-size:1em;
	margin: 1%;
	color: #676767;
	width: 78%;
}
.p_ultima_categoria_principal{
	float: left;
	font-weight: bold;
	font-size: 1.8vw;
	margin-bottom: 1%;
}
.div_ultimas_detalhes{
	padding: 0.5%;
	float: left;
	width: 32.3%;
	margin-right: 1%;
	margin-bottom: 2%;
	transition: background 0.5s ;
}
.div_ultimas_detalhes:hover{
	background-color: #ececec;
	transition: background 0.5s ;
}
.div_ultimas_detalhes_interna{
	padding: 1%;
	float: left;
	width: 33%;
	overflow: hidden;
	position: relative;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s ;
}
.div_ultimas_detalhes_interna:hover{
	filter: brightness(120%);
	transform: scale(1.1, 1.1);
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s ;
}
.div_informacao_detalhes_interna{
	padding: 0.5%;
	width: 98%;
	margin: 1%;
	overflow: hidden;
	position: relative;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s ;
}
.div_informacao_detalhes_interna:hover{
	background-color: #F3F3F3;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s ;
}
.div_ultimas_detalhes_principal{
	padding: 1%;
	display: inline-block;
	width: 32%;
	overflow: hidden;
	position: relative;
	color: #676767;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s, color 0.3s;
}
.div_ultimas_detalhes_principal:hover{
	filter: brightness(120%);
	color: #3d8530;
	transform: scale(1.1, 1.1);
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s, color 0.3s;
}
.div_fotos_principal{
	padding: 1%;
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #676767;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s, color 0.3s;
}
.div_fotos_principal:hover{
	filter: brightness(120%);
	color: #000000;
	
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98), filter 0.3s, background 0.5s, color 0.3s;
	z-index: 10;
}

.div_alinhamento{
	width: 100%;
	float: left;
	height: 0px;
}
.p_cidade_ultimas{
	width: 48%;
	float: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	text-align: left;
	color: #FF0000;
}
.p_cidade_ultimas_interna{
	width: 48%;
	float: left;
	font-size: 1vw;
	font-weight: bold;
	text-align: left;
	color: #FF0000;
}
.p_data_ultimas{
	width: 48%;
	float: right;
	font-size: 1em;
	line-height: 1.1em;
	color: #939393;
	text-align: right;
}
.p_data_ultimas_interna{
	width: 48%;
	float: right;
	font-size: 0.8vw;
	color: #939393;
	text-align: right;
}
.p_data_publicacao{
	width: 48%;
	float: left;
	font-size: 1em;
	line-height: 1.1em;
	color: #939393;
	text-align: left;
}
.h1_ultimas{
	width: 100%;
	float: left;
	font-size: 1.4em;
	color: #000000;
	margin-bottom: 6%;
	line-height: 1.1em;	
}
.h1_ultimas_interna{
	width: 100%;
	font-size: 1.3vw;
	color: #000000;
	line-height: 1.1em;	
	position: absolute;
	bottom: 4%;
	left: 4%;
	filter: drop-shadow(0px 0px 4px white);	
}
.h1_ultimas_informacao_interna{
	width: 65%;
	font-size: 1.3em;
	color: #000000;
	line-height: 1.5em;
	text-align: left;
	float: left;
	margin-left: 1%;
}
.img_ultimas{
	height: 200px;
	width: 100%;
	object-fit: cover;
    object-position: center;
	margin-bottom: 5%;	
}
.img_ultimas_interna{
	height: 15vw;
	width: 100%;
	object-fit: cover;
    object-position: center center;
}
.img_ultimas_fotos_interna{
	height: 15vw;
	width: 100%;
	object-fit: cover;
    object-position: center center;
}
.img_informacao_interna{
	max-height: 10vw;
	width: 20%;
	object-fit: cover;
    object-position: center center;
	float: left;
}
.div_detalhe{
	margin: auto;
	width: 70%;
	padding-top: 35px;
	min-height: 100vh;
	box-sizing: border-box;
}
.div_detalhe_oculto{
	margin: auto;
	width: 70%;
	padding-top: 35px;
	height: 1px;
	transition: all 0.8s;
	overflow: hidden;
}
.div_portfolio{
	margin: auto;
	width: 100%;
	padding-top: 35px;
	min-height: 100vh;
}
.h1_detalhe{
	font-size: 1.8em;
	text-align: left;
	color: #5e5e5e;
	font-weight: 100;
	width: 100%;
	display: inline-block;
	font-family: "Trajan Pro";
}
.h1_detalhe_portfolio{
	width: 100%;
	padding: 0 15%;
	font-size: 1.8em;
	text-align: left;
	color: #5e5e5e;
	font-weight: 100;
	display: inline-block;
	font-family: "Trajan Pro";
}
.h1_detalhe_informacao{
	font-size: 1.8em;
	text-align: left;
	color: #5e5e5e;
	font-weight: 100;
	width: 100%;
	display: inline-block;	
}
.span_titulo_interno{
	color: #6F6F6F;
	font-weight: 100;
}
.h1_detalhe_pagina{
	font-size: 1.8em;
	text-align: left;
	color: #5e5e5e;
	font-weight: 100;
	width: 100%;
	display: inline-block;
	font-family: "Trajan Pro";
}
.h2_detalhe{
	font-size: 1em;
	margin-top: 1%;
	margin-bottom: 1%;
	color: #333333;
	text-align: left;
	font-weight: 100;
}

.div_duascolunas{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	grid-template-areas:
		'esquerda direita'
	;
}

.p_detalhe{
	font-size: 100%;
	text-align: justify;
	color: #777777;
}
.p_dimensao{
	font-size: 0.7em;
	display: inline-block;
	padding: 1% 3%;
	text-align: center;
}
.p_acabamentos{
	font-size: 1em;
	display: inline-block;
	text-align: center;
}
.div_dimensao{
	width: 100%;
	font-size: 1.5em;
	text-align: left;
	margin: 2% 2%;
	display: block;
}

.p_galeria{
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 1%;
}
.img_detalhe{
	float: left;
	width: 50%;
	object-fit: cover;
    object-position: center;
	margin-right: 2%;
	margin-bottom: 2%;
}
.img_detalhe_publicacao{
	width: 98%;
	margin: 1%;
	box-sizing: border-box;
}
.img_detalhe_galeria{
	background-color: #ececec;
	width: 11vw;
	height: 9vw;
	object-fit: cover;
    object-position: center;
	border-radius: 0px;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98);
}
.img_detalhe_galeria:hover{
	transform: scale(1.1, 1.1);
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98);
}
.img_icone_dimensao{
	width: 70%;
}
.h1_pagina_noticia{
	font-size: 4em;
	text-align: center;
}
.div_pagina_produtos{
	width: 98%;
	margin: auto;
	padding-top: 1%;
	margin-top: 1%;
}
.div_pagina_produtos_detalhes{
	width: 100%;
	margin: auto;
	margin-bottom: 2%;
	min-height: 600px;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}
.div_pagina_informacaos{
	width: 98%;
	margin: auto;
	padding-top: 1%;
	margin-top: 1%;
}
.div_pagina_informacaos_detalhes{
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding-bottom: 2%;
}
.div_pagina_contato{
	width: 510px;
	margin: auto;
	padding-bottom: 1%;
}
.div_pagina_publicacao{
	width: 65%;
	margin: auto;
	padding-top: 1%;
}
.div_pagina_publicacao_interna{
	width: 100%;
	margin: auto;
	padding-top: 1%;
}
.input_caixa_de_texto{
	font-family: "Calibri";
	font-size: 1.5em;
	display: block;
	margin-bottom: 2%;
	width: 21em;
}
.p_confirmacao{
	font-size: 1.5em;
	color: #5C5C5C;
	text-align: center;
	font-family: 'Gotham HTF Light';
}
.p_erro{
	font-size: 1.5em;
	color: #FF0000;
	text-align: center;
}
.div_categorias{
	color: #666666;
	font-size: 1.5em;
}
.span_categorias{
	padding-right: 10px;
	color: #000000;
	transition: color 0.4s;
}
.span_categorias:hover{
	color: #3d8530;
	transition: color 0.4s;
}
.span_categorias_ativa{
	margin: 0 15%;
	color: #6a521c;
	display: inline;
	font-size: 2em;
}
.div_categorias_produto{
	font-size: 1.3em;
	margin-top: 1%;
	text-align: left;
	font-weight: 100;
	color: #6F6F6F;
}
.div_cidades_home{
	width: 100%;
	float: left;
	padding: 1% 15% 0px 15%;
}
.h2_cidades{
	font-size: 1.8em;
	color: #FF0000;
	font-weight: bold;
	display: inline;
}
.a_cidades{
	display: inline;
	font-size: 1.5em;
	transition: color 0.5s, background 0.5s;
	padding: 5px 5px;
	border-radius: 5px;
	line-height: 1.7em;
}
.a_cidades:hover{
	text-decoration: none;
	color: #FF0000;
	transition: color 0.5s, background 0.5s;
	background-color: #D9D9D9;
}
.p_data{
	text-align: center;
	color: #828282;
	font-size: 1.3em;
	margin-bottom: 2%;
	font-style: italic;
	font-family: "Times New Roman";
}
.img_compartilhar{
	width: 25px;
	vertical-align: middle;
	box-sizing: content-box;
	margin: 0 0.5%;
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98);
}
.img_compartilhar:hover{
	vertical-align: middle;
	transform: scale(1.1, 1.1);
	transition: transform 0.5s cubic-bezier(.07,.7,.57,.98);
}
.div_compartilhar{
	font-size: 0.8em;
	height: 45px;
	text-align: right;
	width: 48%;
	display: inline-block;
}
.div_compartilhar_informacao{
	font-size: 0.8em;
	height: 45px;
	text-align: left;
	width: 48%;
	display: inline-block;
}
.img_banner{
	width: 70%;
	height: 120px;
	object-fit: cover;
	object-position: center;
	margin: auto;
}
.div_banner{
	width: 100%;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 1%;
}
.div_bemvindo{
	margin: 1% 0;
	padding: 1% 0px;
	width: 100%;
	background-color: #ece8e7;
	height: auto;
}
.p_bemvindo{
	font-family: "Gotham";
	font-weight: 100;
	font-size: 1.5em;
	color: #2d7b1f;
	padding: 0px 15%;
	box-sizing: border-box;
}
.p_textobemvindo{
	color: #585858;
	padding: 0px 15%;
	margin-top: 1%;
	box-sizing: border-box;
}
.hr_bemvindo{
	margin: 0px;
	padding: 3px 0px;
	border-top: solid 1px black;
}
.div_slider_home{
	margin: 1% auto;
	width: 70%;
	display: flex;
	position: relative;
	gap: 10px;
}
.div_vantagens{
	margin: 0 auto 5% auto;
	width: 100%;
	position: relative;
	background-color: #ece8e8;
}
.div_localizacao{
	margin: 5% auto;
	width: 100%;
	position: relative;
}
.div_hexagonal{
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 35;
	width: 36%;
	padding-top: 1%;
	text-align: right;
}
.img_hexagonal{
	width: 100%;
	max-width: 400px;
	height: 100%;
}
.div_linhas{
	width: 100%;
	padding: 2% auto;
	margin-bottom: 2%;
	background-image: linear-gradient(to right, #006b2b 30%, #e8e8e8 30%)
}
.div_item_slider_home{
	box-sizing: border-box;
	padding: 2%;
	width: 98%;
	display: inline-block;
	transition: background 0.3s ease-out;
}
.div_item_slider_home:hover{
	background-color: #ece8e8;
	transition: background 0.3s ease-out;
}
.div_titulo_slider_home{
	color: #2d7b1f;
	font-weight: bold;
	font-size: 1.5em;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 5px;
	padding-top: 10px;
}
.div_vantagens_home{
	width: 70%;
	margin: auto;
	color: #2d7b1f;
	font-weight: bold;
	font-size: 1.5em;
	top: 0;
	left: 0;
	padding-left: 5px;
	padding-top: 10px;
	position: relative;
}
.div_localizacao_home{
	margin: 1% auto;
	width: 100%;
	position: relative;
}
.div_localizacao_home_titulo{
	width: 70%;
	margin: auto;
	color: #2d7b1f;
	font-weight: bold;
	font-size: 1.5em;
	top: 0;
	left: 0;
	padding-left: 5px;
	padding-top: 10px;
	margin-bottom: 1%;
	position: relative;
}
.div_texto_vantagens{
	width: 70%;
	margin: auto;
	position: relative;
	box-sizing: border-box;
	padding: 20px;
}
.div_texto_vantagens_detalhe{
	width: 65%;
	font-size: 1.2vw;;
	list-style: url("../images/marcador.png");
}
.img_item_slider_home{
	width: 100%;
	height: 230px;
	max-height: 200px;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1%;
}
.p_titulo_item_slider_home{
	font-size: 1em;
	font-weight: bold;
	color: #363636;
	margin-bottom: 20px;
}
.p_categoria_item_slider_home{
	font-size: 1em;
	font-style: italic;
	color: #363636;
	margin-bottom: 1%;
}
.input_slider_home_anterior{
	width: 28px;
	height: 28px;
	cursor: pointer;
	position: absolute;
	right: 60px;
	top: 0px;
	border-radius: 0px;
	background-color: white;
	border: none;
	z-index: 30;
	transition: background 0.3s;
}
.input_slider_home_anterior:hover{
	background-color: #c9c9c9;
	transition: background 0.3s; 
}
.input_slider_home_proximo{
	width: 28px;
	height: 28px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 0px;
	background-color: white;
	border: none;
	z-index: 30;
	transition: background 0.3s;
}
.input_slider_home_proximo:hover{
	background-color: #c9c9c9;
	transition: background 0.3s; 
}
.slide{
	text-align: center;
}

.slide-show {
	overflow: hidden;
}
.img_logo_rodape{
	width: auto;
}
.img_acabamentos{
	width: 11vw;
	height: 9vw;
	object-fit: cover;
	object-position: center;
	border: solid 1px #D3D3D3;
}

.carousel {
  background: inherit;
}
.carousel_mobile {
  	background: inherit;
	display: none;
}

.carousel-cell {
	width: 50%;
	height: 75vh;
	margin-right: 1%;
	counter-increment: gallery-cell;
	overflow: hidden;
}

.carousel-text{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	margin-right: 1%;
	border-radius: 10px;
	counter-increment: gallery-cell;
	font-size: 1.2em;
	
}
.carousel-image{
	width: 100%;
	height: 96%;
	object-fit: cover;
}

/* Animação de entrada dos elementos */

.js .anime {
	opacity: 0;
	transform: translate3D(-50px, 0px, 0px);
}

.js .anime2 {
	opacity: 0;
	transform: translate3D(50px, 0px, 0px);
}

.js .anime-init {
	opacity: 1;
	transform: translate3D(0px, 0px, 0px);
	transition: 1s all ease;
}

#mouse {
	display: block;
	width: 22px;
	height: 40px;
	border-radius: 20px;
	border: 4px solid #8844EE;
	text-align: center;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 20px;
	margin: 0 auto;
}
#mouse::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 8px;
	position: relative;
	border-radius: 4px;
	background: #8844EE;
	animation-name: mouse;
	animation-duration: .7s;
	animation-iteration-count: infinite;
}

.div_botao{
	float: left;
	width: 300px;
	padding: 10px;
	border-radius: 3px;
	font-size: 1em;
	color: #FFFFFF;
	font-family: "Trajan Pro";
	background-color: #ad3f3c;
	text-align: center;
	margin: 20px;
	transition: all 0.3s;
	text-decoration: inherit;
	text-decoration: none;
	cursor: pointer;
}
.div_botao:hover {
	background-color: #D0504F;
	text-decoration: none;
}
.a_botao:hover{
	text-decoration: none;
}
.div_grupo_detalhe{
	width: 100%;
	padding: 0;
	margin: 0;
}

@keyframes mouse {
	from {
		top: 0px;
	}
	to {
		top: 6px;
	}
}

/* Fim da animação de entrada dos elementos */



/* Flip Animation */
/* O container geral define a perspectiva */  
.flip-container { perspective: 1000; }  	

/* vira os containers frente e verso quando o mouse passa em cima */
.flip-container:hover .flipper, .flip-container.hover .flipper {  		
  transform: rotateY(180deg);  	
}    
.flip-container, .front, .back {  	
  width: 100%;  	
  height: 15vw;
}

/* define a velocidade da transição */
.flipper {  	
  transition: 0.8s;  	
  transform-style: preserve-3d;    	
  position: relative;  
}
    
/* esconde o verso durante a animação */
.front, .back {  	
  backface-visibility: hidden;    	
  position: absolute;  	
  top: 0;  	
 left: 0;  
}
    
/* frente posicionada sobre o verso */
.front { z-index: 2;  }    

/* verso inicialmente escondido */
.back { transform: rotateY(180deg); }

/*Menu Mobile */

.a_menu_mobile {
	text-decoration: none;
	color: #FFFFFF;
	font-family: "Gotham HTF Light";
	font-size: 2em;
	font-weight: 100;
	transition: 200ms;
	transition: color 0.5s ease-out;
}
.a_menu_mobile:hover {
	text-decoration: none;
	color: #ad3f3c;
	transition: color 0.5s ease-out;
}
.a_menu_mobile:visited {
	text-decoration: none;
	color: inherit;
}
.a_menu_mobile li {
	transition: all 0.3s ease-out;
	color: #FFFFFF;
}
.a_menu_mobile li:hover {
	color: #ad3f3c;
}

ul {
  padding: 0;
  list-style-type: none;
	width: 100%;
}


.nav_mobile {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#menuToggle {
  display: block;
  flex-direction: column;
  position: relative;
  top: 42%;
  left: 5%;
  z-index: 250;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
	display: block;
	width: 50px;
	height: 40px;
	margin: -10px 0 0 -10px;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	z-index: 350;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #FFFFFF;
  border-radius: 3px;
  z-index: 302;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #FFFFFF;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu_mobile
{
  position: absolute;
  width: 102%;
  height: 100vh;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 80px;
  background-color: #212121;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	z-index: 299;
}

#menu_mobile li
{
	padding: 10px 0;
	width: 100%;
}

#menu_mobile li:hover
{
	
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

/*Fim do Menu Mobile */


@media screen and (max-width: 900px){
	:target {scroll-margin-top: 90px; }
	#div_menu{display: none;}
	.container-box {
	grid-template-columns: 3% 1fr 1fr 1fr 3%;
	grid-template-rows: 90px 1fr auto; 
	grid-template-areas:
		'header header header header header'
		'main main main main main'
		'footer footer footer footer footer'
	;
	}
	.box{font-size: 2.4vw; width: 100%; margin: auto;}
	.div_logo{width: 100%; height:auto; text-align: center; padding: 0; margin: auto; float: none;}
	.div_fixa{height: 90px;}
	.div_redes_sociais{width: 100%; height: auto; float: left; text-align: center;display:inline;}
	.div_email {display: block; height: 30px; text-align: center; width: 47%; float: left; margin: 2% 0% 2% 1%;}
	.div_telefone {display: block; height: 30px; text-align: right; width: 35%; float: right; margin: 2% 1% 2% 12%;}
	.div_footer{width: 100%; height: auto; text-align: center; }
	.div_footer_esquerda{width: 100%; text-align: center; float: left; font-size: 1.5em; height: auto; }
	.div_footer_direita{width: 100%; text-align: center; float: right; font-size: 1.5em; height: auto; padding:15px 0px;}
	.div_telefone2{float: none; width: auto; display: block; height: 50px; padding-top: 1em; margin: auto 5.5em; text-align: center;}
	.div_endereco{float: left; display: block; padding-top: 1em; margin: 0; text-align: center; width: 100%;}
	.div_destaque{width: 100%; text-align: center;  }
	.div_novidades_home{width: 100%; text-align: center;  }
	.div_ultimas{width: 100%;}
	.div_ultimas_produtos{width: 100%; box-sizing: border-box;}
	.div_novidades{width: 100%; margin-right: 0px; margin-bottom: 10px; padding: 1%; height: auto; box-sizing: border-box;}
	.div_destaque_detalhe{background-color: #F3F3F3; padding: 3%; box-sizing: border-box; height: auto;}
	.div_destaque_detalhe:hover{background-color: #DDDDDD; height: auto;}
	.div_ultimas_detalhes{width: 100%; height: auto; text-align: center; margin-top: 0px; margin-right: 0px; padding: 1%; box-sizing: border-box;}
	.div_ultimas_detalhes_interna{width: 98%; height: auto; text-align: center; margin-top: 0px; padding: 1%; margin: 4% auto; box-sizing: border-box;}
	.div_detalhe{width: 100%; padding: 100px 3% 1% 3%; text-align: center; margin-bottom: 20px; margin-top: -100px; box-sizing: border-box; overflow: hidden;}
	.div_detalhe_oculto{width: 100%; padding: 0 3% 1% 3%; text-align: center; margin-bottom: 20px;}
	.div_pagina_contato{width: 420px;}
	.div_pagina_produtos{width: 100%; margin: 0; padding: 0; text-align: center;}
	.div_pagina_publicacao{width: 100%;}
	.div_categorias_produto{margin-top: 3%;}
	.div_cidades_home{ width: 100%;	float: left; padding: 0px 1% 1% 1%; }
	.div_banner{margin-top: 4%;}
	.div_alinhamento{display: none; margin: 0px; padding: 0px;}
	.div_alinhamento_header{display: none;}
	.div_buscar{float: left; width: 100%; text-align: center; height: auto; top: 70%; position: absolute; z-index: 60;}
	.div_buscar_top{top: 60px; position: absolute; opacity: 0; width: 1px; }
	.div_menu_top{top: 75px;}
	.div_footer{width: 100%;}
	.div_footer_esquerda_logo{text-align: center; float: none; width: 100%; }
	.div_footer_centro{text-align: center; width: 100%; float: left; padding: 0; margin-top: 2%;}
	.div_slider_home{width: 100%}
	.div_vantagens_home{width: 100%; padding: auto 2%;}
	.div_hexagonal{display: none;}
	.div_texto_vantagens{width: 100%; margin-top: 2%; padding: 0 3%; font-size: 1em;}
	.div_texto_vantagens_detalhe{width: 90%; font-size: 1.5em; margin: auto; padding-bottom: 4%;}
	.div_localizacao_home{margin: 5% 0;}
	.div_localizacao_home_titulo{width: 98%; margin: auto;}
	.div_pagina_informacaos_detalhes{width: 100%; display: block;}
	.div_numpaginas{margin: 2% 0; padding: 0; text-align: center;}
	.div_informacao_detalhes_interna{margin: 1% auto;}
	.div_pagina_produtos_detalhes{width: 100%; padding: 3% 0; margin: 0; grid-template-columns: 50% 50%;}
	.div_ultimas_detalhes_principal{width: 96%; margin: 5% auto; float: none; text-align: center;}
	.div_fotos_principal{width: 100%; margin: 0;  float: none; display: inline-block;}
	.div_dimensao{margin: 2% 0; text-align: left; float: none; padding-top: 2%; display: block;}
	.div_compartilhar_informacao{width: 100%; text-align: center; margin: 1% 0;}
	.div_titulo_produto{height: 100%;}
	.img_destaque{width: 80%; float: none; border-radius: 5px; padding: 0px;}
	.img_header{float: left;}
	.img_header2{float: none;}
	.img_novidades{width: 50%; height: 50%; float: left; margin: 0px; border-radius: 5px;}
	.img_ultimas{width: 50%; height: 50%; padding: 0px; float: left; margin: auto; border-radius: 5px;}
	.img_ultimas_interna{width: 90%; height: auto; padding: 0px; float: none; margin: auto; border-radius: 0px;}
	.img_ultimas_fotos_interna{height: 35vw; width: 100%;}
	.img_detalhe{float: none; width: 98%; height: auto; margin: 1% 0; }
	.img_rodape{float: none;}
	.img_banner{width: 100%; margin: 0px;}
	.img_logo{ margin: auto; padding: 0; margin-top: 15px; padding-left: 5%; float: none;}
	.img_item_slider_home{min-height: auto; width: 100%;}
	.img_informacao_interna{width: 30%; height: none; max-height:none;}
	.img_logo_rodape{width: 65%; max-width: 297px;}
	.img_acabamentos{width: 27vw; height: 16vh;}
	.img_icone_dimensao{width: 100%;}
	.img_detalhe_galeria{width: 49%; height: auto;}
	.img_quemsomos{margin: 0;}
	.h1_destaques{width: 100%; font-size: 1.7em; }
	.h1_novidades{font-size: 4vw; float: right; width: 50%; text-align: justify; padding: 1%; margin: 0px;}
	.h1_ultimas{font-size: 5vw; margin: 1%; text-align: justify; width: 48%; padding: 0%; float: right; }
	.h1_ultimas_interna{font-size: 2em; margin: 0 3%; text-align: justify; width: 48%; padding: 0%; float: right; }
	.h1_detalhe_pagina{margin: 0; padding: 0; font-size: 2.5em; text-align: center; display: block;}
	.h1_ultimas_informacao_interna{font-size: 1.7em;}
	.h1_detalhe_portfolio{margin: 0 0; padding: 0 3% 1% 3%; }
	.h1_detalhe_informacao{margin-top: 25px;}
	.h2_destaques{width: 100%; float: left; font-size: 1.5em;}
	.h2_ultimas{width: 100%; height: 1.4em; box-sizing: border-box;}
	.h2_novidades{margin-top: 25px;}
	.h2_cidades{display: block; text-align: center;}
	.a_cidades{display:inline-block; text-align: center; line-height: 2em; width: 49%;}
	.p_cidade_ultimas{font-size: 1.3em}
	.p_data_ultimas{font-size: 1.3em}
	.p_footer_titulo{text-align: center; height: auto; padding-top: 15px;}
	.p_footer_link {text-align: center; height: auto; }
	.p_header{float: left;	padding-top: 6px; padding-left: 1%; font-size: 1em; line-height: 22px;}
	.p_header2{float: right; padding-left: 1%; font-size: 1em;line-height: 25px;}
	.p_header_rodape{float: none; font-size: 1em; line-height: 1.3em; padding-left: 1%; display: inline;}
	.p_header_rodape_endereco{float: none; font-size: 1.1em; line-height: 1.2em; padding: 0; display: inline; margin-top: 1%;}
	.p_destaques{width: 100%; text-align: center;font-size: 1.4em;}
	.p_cidade_novidades{font-size: 3vw; float: right; width: 50%; text-align: left; padding: 1%;}
	.p_data_novidades{font-size: 3vw; float: right; width: 50%; text-align: left; padding: 1%;}
	.p_ultima_categoria{font-size: 4vw; margin: auto; text-align: left; width: 100%; float: none;}
	.p_ultima_categoria_interna{margin: auto 1%; text-align: left; float: left; width: 67%; font-size: 1.2em;}
	.p_cidade_ultimas{font-size: 3vw; float: left; width: 48%; margin-left: 2%; margin-top: 1%;}
	.p_cidade_ultimas_interna{font-size: 3vw; float: left; width: 50%; margin-top: 1%; display: inline; clear: both;}
	.p_data_ultimas{font-size: 3vw; float: left;width: 48%; margin-left: 2%; text-align: left; }
	.p_data_ultimas_interna{font-size: 3vw; float: left;width: 50%; text-align: right; }
	.p_header_rodape_telefone{font-size: 1.1em; line-height: 1.3em; text-align: center; padding: 0; margin: 0; padding-top: 1%;}
	.p_bemvindo{padding: 0 3%;}
	.p_textobemvindo{padding: 0 3%;}
	.p_titulo_item_slider_home{margin: 0;}
	.p_ultima_categoria_principal{font-size: 1.8em; float: none; margin: auto; text-align: center;}
	.p_galeria{text-align: left; margin-bottom: 2%; margin-top: 2%;}
	.input_caixa_de_texto{font-family: "Calibri"; font-size: 1.5em;	display: block;	margin-bottom: 2%; width: 100%;}
	.input_busca{padding: 1%; font-size: 1.5em; }
	.input_buscar[type=submit]{padding: 1%;	font-size: 1em; display: none;}
	.span_categorias_ativa{padding: 0; margin: auto; text-align: center; display: block;}
	.nav_mobile{display: block; }
	.carousel-cell {width: 90%; height: 75vh; }
	.carousel_mobile{display: block;}
	.carousel_portfolio{display: none;}
	.carousel_home{margin-bottom: 50px;}
	.div_duascolunas{display: block;}
	.flip-container, .front, .back {width: 100%; height: 35vw; }
}