@charset "utf-8";

	/* RESPONSIVE OPTIONS OFF (DEFAULT) */
	.responsive-vertical, .responsive-vertical .nav1, .responsive-lateral, .content .sub-mobile  {display:none;}
	
	/* DEFINE RESPONSIVE MENU BLOCKS - VERTICAL */
	.responsive-vertical {
		text-align:center;
		color:white;
		text-transform:uppercase;
		width:100%;
		position:absolute;
		left:0px;
		top:30px;
		z-index:200;
		text-align:right;
		/*background-color:var(--cor2);*/
	}
	.responsive-vertical *{vertical-align:middle}
	.responsive-vertical span {margin-left:10px;}
	.responsive-vertical .nav1 {
		border-bottom:5px solid var(--cor2);
		padding-top:1px;
		background-image:url('images/pontos_branco_h.png');
		background-repeat:repeat-x;
		background-position:left top;
		margin-top:30px;
		}
	.bt-responsive-vertical {display:inline-block; padding:18px;}
	.bt-responsive-vertical i {color:white!important;}

	.bt-responsive-vertical:hover {color:var(--cor1);}
	.responsive-vertical ul li {
		display:block;
		text-align:center;
		background-color:var(--cor1);
		/*background-color:rgba(227,125,33,0.95);*/	
	}
	.responsive-vertical ul li a{
		display:block;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		font-size: 12px;
		width:100%;
		padding:12px;
		background-image:url('images/pontos_branco_h.png');
		background-repeat:repeat-x;
		background-position:left bottom;
		color:white;
	}
	.responsive-vertical ul li i{
		font-size:10px;
		display:inline-block;
		padding-bottom:4px;
		vertical-align:middle;
	}
	.responsive-vertical ul li a:hover ,
	.responsive-vertical ul li .on{
		background-color:var(--cor2);
		border-bottom: 0px!important;
		color:white!important;
	}
	.responsive-vertical ul li a:hover{
		color:var(--cor1);
	}
	
	/* DEFINE RESPONSIVE MENU BLOCKS - LATERAL */
	.responsive-lateral {text-transform:uppercase;}
	.responsive-lateral *{vertical-align:middle}
	.responsive-lateral span {margin-right:10px;}
	.bt-responsive-lateral {display:block; position:absolute; top:20px; right:20px;}
	.bt-responsive-lateral-close {display:block; padding:10px 10px 20px 0; width:100%; text-align:right;}
	.responsive-lateral .lateral {
		position:fixed;
		width:200px;
		height:100vh;
		top:0px;
		right:-200px;
		z-index:1000;
		background-color:white;
		padding:10px;
	}
	.responsive-lateral .lateral ul{
		width:100%;
		display:block;
		padding:0 0 20px 0;
		text-align:center;
	}
	.responsive-lateral .lateral .nav2 {
		background-image:url('images/pontos_cinza_h.png');
		background-repeat:repeat-x;
		background-position:left top;
	}
	.responsive-lateral .lateral .nav2 li {width:100%;}
	.responsive-lateral .lateral .nav2 li a{
		display:block;
		padding:10px;
		background-image:url('images/pontos_cinza_h.png');
		background-repeat:repeat-x;
		background-position:left bottom;
	}
	
	/* MISC */
	.bt-responsive-lateral i, .bt-responsive-lateral-close i, .bt-responsive-vertical i{
		font-size:28px;
		font-weight:normal;
	}

@media only screen and (max-width: 1330px){
	/*body {
	background-image:url('images/bg960.png');
	background-repeat:no-repeat;
	background-position:center top;
	}*/
	/*.header, .content .homepage, .content .main, .footer {width: 960px;}*/
}

@media screen and (max-width: 991px) {
	/* start of large tablet styles */
	
	/* GERAL */
	/*body {background-image:none;}*/
	/*.header, .content .homepage, .content .main, .footer {width:100%; padding:0 15px 0 15px;}*/
    .content .homepage {padding: 0;}
	.slides {width:100%;}
	.esq, .dir{float:none;}
	.header {}
	
	
	.homepage .listagem .blocos {position: relative; top: auto; left: auto; transform: none;}
	.homepage .listagem {height: auto;}
	
	.slider .showrooms {bottom: 20px; right: auto; width:100%; text-align:center;}
	 
	 /* HEADER */
	 
	 .header .nav1 a {font-size: 12px;}
	 
	 /* CONTENT */
	 
	.area_servicos .servico {width: 50%; margin-bottom: 20px;}

	 
	 /* FOOTER */
	 .footer {}
	 .footer .logo, .footer .copy {width:100%; text-align:center;}
	 .footer .logo img{display:inline-block;margin:0 15px 20px 15px;}
	 .footer .copy {}
	 
	 /* REMOVER RODAPE NO FUNDO */
	.wrapper-push {margin: auto; /* PARA MENU LATERAL */overflow:hidden;/* NÃO PROVOCAR SCROLL*/}
	.push{display:none;}
	
	.slider.generica .slides .slide {height: 200px;}
	
	.galerias .galeria .bloco {width: 50%;}
	.galerias.obras .galeria .bloco .nome h2 {font-size: 2.8vw;}
	.galerias.obras .galeria .bloco .nome h3 {font-size: 2.4vw;}
	.galerias.obras .galeria .bloco .nome span {font-size: 2.5vw;}
}

@media screen and (max-width: 769px) {
	/* start of medium tablet styles */
	
	/* RESPONSIVE OPTIONS ON */	
		/* NAV 1 */
	.block-nav1 {display:none;}
	.responsive-vertical {display:block;}
	.responsive-vertical .social {width:100%; text-align:center;}
	.responsive-vertical .social li{display:inline-block;background-image:none;}
	.responsive-vertical .social li a {background-image:none;}
	.responsive-vertical .social li i{font-size:28px; margin:8px 0 0 0;}
	.responsive-vertical .social a:hover i{color:white;}
	
		/* NAV 2 */
	.block-nav2 {display:none;}
	.responsive-lateral {display:block;}
	 
	/* GERAL */
	 .content .col2 {display:none;}
	 .content .sub-mobile {display:block; width:100%;}
	 .content .sub-mobile select {width:100%; padding:10px; margin-bottom:30px;}
	/* HEADER */
	 
	/* CONTENT */
	.destaque_wrapper .destaque {width:100%;}
	.destaque_wrapper .destaque ul{text-align:center; width:100%;}
	.destaque_wrapper .destaque ul li {width:100%!important; text-align:center!important;}
	.destaque_wrapper .destaque ul li img{width:20%!important; display:inline-block; padding:20px 0 30px 0!important;}
	.destaque_wrapper .destaque ul .txt h1 {font-size: 24px; line-height: 1.3;}
	
	.slider.generica .slides .slide ul {
	top:auto;
    bottom: -150px;
    left: 0;
    transform: none;;
    width: 100%;
}
	
	.txt table {width:100%!important; margin:0!important;}
	.txt table *{font-size:8px;}
	
	/* FOOTER 
	.footer {text-align:center;}
	.footer ul {margin-bottom:20px; width:100%;}
	.footer .nav1 li, .footer .nav2 li {width:100%;}
	.footer .nav1 li:nth-child(even), .footer .nav2 li:nth-child(even) {display:none;}*/
	 
	/* FORMS */
	.c10,
	.c20,
	.c25,
	.c30,
	.c33,
	.c34,
	.c40,
	.c75{width:50% !important;}
	.c50, .c70, .mm-form .botao1{width:100% !important;}
	.c14, .c22{width:33.3333% !important;}
	
	.orcamento .dados .foto {display:none;}
	.orcamento .dados .formulario {width: 100%;}
	.orcamento .tit, .orcamento .txt {text-align:center;}
	
	.argumentos .argumento {width: 100%; padding: 0 20px; margin-bottom:40px;}
	.argumentos .argumento .tit {margin-bottom: 10px;}
	
	.slides {height: 550px!important;}
	.slider.generica .slides {height: auto!important;}
	.slides .slide {text-align:center; overflow:hidden; position:relative;}
	.slides .slide div{position:relative;}
	.slides .slide img {width:auto; height:550px; /*position: absolute; top:0px; left:0px;*/ margin-left:-250px;}
	.slider.generica .slides .slide img {width:auto!important; height:220px; margin-top:100px; /*position: absolute; top:0px; left:0px;*/margin-left:0;}
	.slick-dots {display:none!important;}
	.slides .slide ul {padding:0 20px;}
	.slides .slide ul,
	.slides .slide ul .bt1 {width: 100%!important;}
	.slides .slide ul .tit h2 {font-size: 28px;}
	.slides .slide ul .txt {font-size: 20px;}
	
	.slider .selo {width:90px;right: 10px;top: 130px;}
	.slider .selo img{width:100%; height:auto;}
	.slider .showrooms, .slider .showrooms a {font-size:12px;}
	
	.col1 .txt .opcao {width: 100%;}
	
	.destaque_wrapper {padding: 20px 0 60px 0;}
}

@media only screen and (max-width: 520px){
	
	.header .call {width:100%; text-align:center;}
	.header .logo {z-index:500;}
	.header .logo img {height: 63px; display:inline-block;}
	.header .call img {height: 20px; display:inline-block;}
	
	/* CONTENT */
	.slides .slide {}
	.slides .slide .txt {left:20px; bottom:20px;}
	.slides .slide .tit {font-size:16px;}
	.slides .slide .sub-tit {font-size:11px;}
	.content .main .col2 {width:100% !important;}
	
	.tit_verde, .tit_branco {font-size: 22px!important;}
	.argumentos .txt {font-size: 18px;}
	.destaque_wrapper .destaque ul .txt h1 {font-size: 20px;}
	.content .main .col1 h1 {font-size: 20px;}
	
	.col1 .txt .opcao h2 {font-size: 14px!important;}
	.col1 .txt .opcao {font-size: 11px;}
	.col1 .txt .opcao .imagem {width: 80px;}
	
	.area_servicos .servico {width: 60%; margin-bottom: 20px;}
	
	.destaque_wrapper .destaque ul li img{width:50%!important;}
	
	.txt img {width:100%!important; display:inline-block; margin-bottom:20px;}

	/* FORMS */
	.c10,
	.c20,
	.c25,
	.c33,
	.c34,
	.c50,
	.c40,
	.c70,
	.c75,
	.c80{width:100% !important;}
	.mm-form {padding: 25px 25px 25px 25px !important;}
	.mm-form .mm-form-campo {padding: 5px 0px 10px 0px !important;}
	.mm-form .mm-form-botao {padding: 20px 0 0px 0px !important;}
	.mm-form .mm-form-txt2 {text-align:center !important;padding: 15px 0px 0px 0px !important;}
	
	.orcamento .dados .form .input,
	.orcamento .dados .form .autorizo,
	.orcamento .dados .form button	{width:100%; margin-right:0px;}
	.orcamento .dados .form button {margin-top: 10px;}
}

@media screen and (max-width: 479px) {
	/* start of phone styles */
	
	.galerias .galeria .bloco {width: 100%;}
	.galerias.obras .galeria .bloco .nome h2 {font-size: 4.8vw;}
	.galerias.obras .galeria .bloco .nome h3 {font-size: 4.4vw;}
	.galerias.obras .galeria .bloco .nome span {font-size: 4.5vw;}
	
	/*.slider.generica .slides .slide {height: 150px;}*/
	.slides .slide ul .tit h2 {font-size: 28px;}
	.slides .slide ul .txt {font-size: 18px;}
	.content .main {padding: 30px 0;}
	
	.bt1 {width:100%;}
	
	.area_servicos .servico {width: 80%; margin-bottom: 10px;}
	
	.tit_verde, .tit_branco {font-size: 20px!important;}
}