@charset "utf-8";
/* CSS Document */

/* Modificadores gerais */
.x-antigos 					{ display: none; }
.x-mobile-vertical 			{ display: none; }
.x-mobile 					{ display: none; }
.x-tablet 					{ display: none; }
.x-desktop 					{ display: none; }
.x-hd 						{ display: none; }
.x-full-hd 					{ display: none; }	

/* Modificadores por grupo */
.x-desktop-e-tablet			{ display: none; }
.x-mobile-e-antigos			{ display: none; }
.x-tablet-e-mobile			{ display: none; }
.x-mobile					{ display: none; }
.x-telas-classicas			{ display: none; }
.x-telas-grandes			{ display: none; }

/* -------------------------------------------------------------- */			
/* 1440 x 900 (19 polegadas) e acima */			
/* Modificador: x-full-hd */
/* -------------------------------------------------------------- */
/*
@media only screen and (min-width: 1440px) {

	.casca 						{ width: 1420px; }
	#barra-lateral				{ width: 420px; }
	#conteudo					{ width: 1000px }
	
	.x-full-hd 					{ display: block; }	

	.x-desktop-e-tablet			{ display: block; }
	.x-telas-grandes			{ display: block; }

	
}
*/



/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
/* Modificador: x-hd */
/* -------------------------------------------------------------- */

@media only screen and (min-width: 1280px) /*and (max-width: 1439px)*/ {

	.casca 						{ width: 1200px; }
	/*body#blog #corpo .casca		{ width: 940px; }*/
	
	.x-hd 						{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-grandes			{ display: block; }
	
	/* Menus */
	#menu-principal li a { padding-left: 30px; padding-right: 30px; }
	#menu-extra li a { padding-left: 30px; padding-right: 30px; }
	#menu-social li { float: left; margin-left: 30px; }
	
	.barra-fixa .vendas-plantao { display: block; }		
	
	/* Seções */
	
			
}



/* -------------------------------------------------------------- */			
/* Tablet na horizontal & telas antigas 1024x768 */			
/* Modificador: x-desktop */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 981px) and (max-width: 1279px) {

	/* Estrutura */
	.casca 						{ width: 940px; }

	.x-desktop 					{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-telas-classicas			{ display: block; }

	/* Seções */
	
	#slider .chamada {
		font-size: 1.55em;
		max-width: 300px;
		padding: 30px;
	}	
	
	#conheca .caixa h2 { font-size: 1.75em; }
	table.infos td { vertical-align: middle; font-size: 1em; }
	#localizacao .mapa img { top: -15px; }
	
}




/* -------------------------------------------------------------- */			
/* Tablet na vertical & telas antigas 800x600 */			
/* Modificador: x-tablet */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 980px) {

	/* Estrutura */
	.casca 						{ width: 720px; }

	/* Flutuantes */
	#cabecalho .caixa-banner, #rodape .caixa-banner  { float: none; margin: auto; width: 468px; clear: both; padding-top: 20px }	
	
	/* Modificadores */
	.x-tablet 					{ display: block; }
	.x-desktop-e-tablet			{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-telas-classicas			{ display: block; }
	
	/* Geral */
	body { margin-top: 65px; /* Por conta do cabeçalho fixo */ }	
	
	/* Menu Mobile */
	#menu-mobile { max-width: 300px; }
	
	/* Home */
	.chamada-2 h2, .chamada-3 h2 { font-size: 2.3em; padding: 0 15px; }
	#recipes h2 { font-size: 2.5em; margin-top: 45px; }
	
	/* Seções */
	body#institucional #titulo-geral { padding: 140px 0; }
	#menu-produtos li.menu-ativo { background-image: none; }
	.receita-info { height: 110px; font-size: 1em; }
		
	.tabs-personalizadas ul.pws_tabs_controll li a {
		font-size: 15px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}			
	
	#slider .chamada {
		font-size: 1.55em;
		width: 100%;
		max-width: 300px;
		padding: 20px 20px 20px 20px;
	}		
	
	.open-concept { max-width: 580px; }
	.predio-mobile { max-width: 70%; }	
		
}


/* -------------------------------------------------------------- */			
/* Comum a mobile vertical, horizontal e tablets */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 980px) {
	
	html { background-attachment: scroll !important; }
	
	body { margin-top: 130px; }
	
	/* Menus */
	#menu-social { padding: 10px; width: 100%; margin: auto; display: inline-block; text-align: center; }
	#menu-social li { float: none; text-align: center; display: inline-block; }
	#menu-mobile { box-shadow: 0 10px 30px rgba(0,0,0,0.3); }

	
	/* Rodapé */
	#rodape img { margin: auto; }
	#rodape .col { float: none !important; width: 100% !important; }
	
	/* Seções */
	.tabs-personalizadas .pws_tabs_list { padding: 15px !important; }

	.social { margin: 20px auto 0 auto; }

	#recipes {
		background-attachment: scroll;
	}	
		
	#cabecalho a.logo2 {
		display: block; max-width: 150px !important; margin: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-backface-visibility: hidden;
	}	
	
	.owl-nav { font-size: 16px; bottom: 25px; top: auto; }
	#slider .owl-carousel .owl-nav .owl-next,
	#slider .owl-carousel .owl-nav .owl-prev {
		line-height: 58px;
	}
	
	#slider h4 { font-size: 16px !important; margin: 0 !important; }
	#slider .legenda { max-width: 470px; text-align: center !important; padding: 25px 0 !important }
	#slider .legenda .txt-d { text-align: center !important; }
	#slider .legenda p { text-align: center !important; margin-bottom: 0 !important; }

	.secao {
		background-attachment: scroll;
		background-size: cover;
	}	
	
	#conheca .col-conheca { width: 100% !important; padding: 0 !important; float: none; }
	.col-conheca .borda-linha { margin-top: 30px; }
	#conheca img.decor {
		display: none;
	}
	#conheca .linha.pd-20 { padding-right: 0 !important; max-width: 450px; margin: auto; font-size: 0.8em; }
	#conheca h2.mt-30 { text-align: center; }
	#conheca ul.lista li { list-style: none; text-align: center; }
	#conheca .previsao { text-align: center; }
	#conheca .decor-predio { display: none; }
	
	#localizacao .mapa img { display: none; }
	#localizacao .col-4, #localizacao .col-8 { width: 50%; }
	#localizacao ul.locais { position: static; }
	#localizacao ul.locais li { width: 90%; }
	
	#construtora .social { margin: 20px auto; }
	
	#rodape .copy small { display: block; padding: 30px; text-align: center; }
	#rodape .creditos { text-align: center; }
	#rodape .creditos img { display: inline; float: none; margin: 5px; }
	
	.barra-fixa .vendas-plantao { display: none; }
	
}
	

	
/* -------------------------------------------------------------- */			
/* Comum a mobile vertical e horizontal */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	/* Estrutura */
	#barra-lateral .relacionados { padding: 20px }
	#menu-menu-principal		{ display: none; }
	#menu-principal li			{ float: none; }
	#menu-extra li				{ float: none; }

	#corpo .linha 				{ margin-left: 0; margin-right: 0; }
	#conteudo 					{ padding-left: 0; padding-right: 0; }
	
	body { margin-top: 120px; }
	
	/* Flutuantes */
	.esquerda, .direita { float: none; margin: auto !important; }	
	.col, .col-fixa { padding: 0 !important; }
	.p-e0, .p-d0, .p-0 { padding: 0 !important; }
	.item-par, .item-impar { padding: 0 !important; }

	/* Geral */
	p { text-align: justify; }
	#paginacao .col-3 { text-align: center; padding: 15px !important; }

	
	/* Owl Carousel */
	.owl-carousel .descricao { display: none; }
	.owl-carousel .titulo { font-size: 1em !important; }
	.owl-carousel .legenda { padding: 5px !important; }
	.owl-theme.owl-carrossel .owl-dots { display: none; }
	
	/* Home */
	
	#slider .casca { width: 100%; }
	
	.chamada { padding: 30px 0; border: none; margin-bottom: 15px; }
	.chamada h2 { margin: 0; padding-top: 30px; }
	.chamada-4 h2 { padding-top: 40px; font-size: 3.5em; }
	.chamada figure { position: static; }
		
	#recipes h2 { padding-top: 45px; }	
	#recipes img { margin: 45px auto; max-width: 350px; }
	
	/* Rodapé */
	#rodape .social { margin: 20px auto 0 auto; }
	
	/* Tema */
	.barra-fixa { padding: 1px 0 5px 0; }
	
	table.infos td { font-size: 1.1em; }
	#conheca h4 { margin-top: 30px; text-align: center; }
	#conheca .caixa h2 {text-align: center; }
	#conheca .linha.pd-20 { max-width: 85%; }
	
	#conheca .caixa-cinza { width: 90%; margin: auto; }
	#conheca .caixa-azul { width: 200px; margin: auto; padding: 10px; }
	
	#conheca .caixa-cinza h2 { font-size: 2em; }
	#conheca .caixa-azul h2 { font-size: 1.5em; }
	
	#conheca h2.mt-30 { text-align: center; }
	#conheca td.icn { width: 40px; }
	#conheca td.icn img { width: 31px; }
	#conheca table.infos td { padding: 3px 0; }
	
	#conheca .caixa-cinza:before {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: #999;
		transform-origin: top right;
		-ms-transform: skew(-20deg, 0deg);
		-webkit-transform: skew(-20deg, 0deg);
		transform: skew(-20deg, 0deg);
	}
	#conheca .caixa-cinza:after {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: #999;
		transform-origin: bottom left;
		-ms-transform: skew(-20deg, 0deg);
		-webkit-transform: skew(-20deg, 0deg);
		transform: skew(-20deg, 0deg);
	}
	#conheca .caixa-azul:after {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: #51839c;
		transform-origin: top right;
		-ms-transform: skew(20deg, 0deg);
		-webkit-transform: skew(20deg, 0deg);
		transform: skew(20deg, 0deg);
	}
	#conheca .caixa-azul:before {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: #51839c;
		transform-origin: bottom left;
		-ms-transform: skew(20deg, 0deg);
		-webkit-transform: skew(20deg, 0deg);
		transform: skew(20deg, 0deg);
	}
	#planta-baixa .caixa-azul:before {
		content: " ";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: #51839c;
		transform-origin: top left;
		-ms-transform: skew(-20deg, 0deg);
		-webkit-transform: skew(-20deg, 0deg);
		transform: skew(-20deg, 0deg);
	}	
	
	#planta-baixa .ape-pecas h2 { text-align: center; padding: 0; margin-bottom: 15px; }
	#planta-baixa .ape-pecas { max-width: 80%; margin: 0 auto; text-align: center; }
	#planta-baixa .caixa-azul { margin-top: 20px; max-width: 100%; margin: auto; padding: 20px; }
	#planta-baixa .planta small { text-align: center; margin: 0; }
	#planta-baixa .recorte img { margin: 30px auto 15px auto; max-width: 250px; }
	#planta-baixa .caixa, #planta-baixa h4 { text-align: center; }
	#planta-baixa .caixa-branca:after { content: none; }
	
	
	#localizacao img.decor { width: 150px; }
	#localizacao { text-align: center; }
	#localizacao .col-4, #localizacao .col-8 { width: 100%; }		
	#localizacao h2, #localizacao h3, #localizacao h4 { text-align: center; }
	#localizacao .local div { text-align: center; margin: auto; }
	#localizacao .endereco img { margin: 15px auto; }
	#localizacao ul.locais li {
		margin: 5px 10px; 
		width: auto !important;
		display: inline-block;
		padding: 5px 10px 5px 35px;
		clear: none;
		float: none;
	}
	#localizacao .botao.x-mobile { margin: 20px auto !important; float: none !important; max-width: 250px !important; }
	#localizacao h2 { font-size: 2em; }
	#localizacao h3 { font-size: 1.5em; }
	
	#construtora .logo-grande, #construtora .logo-rubin {
		width: 210px; margin: auto !important;
	}
	#construtora .logo-rubin { margin-top: 40px !important; width: 150px; }
	#construtora h3, #construtora p { text-align: center; }

	.predio-mobile { max-width: 100%; }	
	#galeria .owl-theme.owl-carrossel .owl-nav	{ bottom: 100px; }
	
	.caixa-azul h2 { margin-top: 0 !important; margin-bottom: 0 !important; }
	
}



/* -------------------------------------------------------------- */			
/* Mobile horizontal */			
/* Modificador: x-mobile */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Estrutura */
	.casca, #google-maps		{ width: 440px; }
	#google-maps				{ margin-left: auto; margin-right: auto; }
	.miolo						{ padding-right: 0; padding-left: 0; }	
	#barra-lateral 				{ width: 440px; float: none; margin: 0; padding: 0; }
	#conteudo					{ width: 440px; float: none; }
	.select2-container 			{ max-width: 440px !important; }		
	
	/* Modificadores */
	.x-mobile 					{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile					{ display: block; }
	
	/* Seções */
	body#institucional #titulo-geral { padding: 100px 0; }
		
	.tabs-personalizadas ul.pws_tabs_controll li a {
		font-size: 13px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}		
	
	.owl-nav { bottom: 50px; }	
	#slider .chamada {
		font-size: 1.15em;
		width: 100%;
		max-width: 300px;
		padding: 16px 15px 10px 15px;
	}		
					
}




/* -------------------------------------------------------------- */			
/* Mobile na vertical */	
/* Modificador: x-mobile-vertical */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	/* Estrutura */	
	.casca, #google-maps		{ width: 290px; }
	#google-maps				{ margin-left: auto; margin-right: auto; }
	.miolo						{ padding-right: 0; padding-left: 0; }	
	#barra-lateral 				{ width: 290px; float: none; margin: 0; padding: 0; }
	#conteudo					{ width: 290px; float: none; }
	.select2-container 			{ max-width: 290px !important; }		

	/* Modificadores */
	.x-mobile-vertical 			{ display: block; }
	.x-tablet-e-mobile			{ display: block; }
	.x-mobile-e-antigos			{ display: block; }	
	.x-mobile					{ display: block; }


	/* Menu mobile */
	#menu-extra li { float: none; display: block; padding: 5px 0; }
	#menu-extra li a { border: none; }
	
	/* Home */
	.chamada-1 { background-position: center; }
	
	/* Seções */
	a.vendas-email { display: none !important; }
	
	.tabs-personalizadas ul.pws_tabs_controll li a {
		font-size: 11px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		width: 90px !important;
		text-align: center !important;
	}
		
	#menu-mobile { width: 240px; }
	
	.owl-nav { bottom: 25px; }
	#slider .overlay .chamada { display: none; }
	#slider .chamada-mobile { display: block;  }
	#slider .owl-carousel .owl-item img { max-width: 170%; width: 170%; }
	#slider .owl-dots { display: none; }
	
	#conheca { box-shadow: inset 0 5px 10px rgba(0,0,0,0.2); }
	
	#planta-baixa .caixa-azul:before, #planta-baixa .caixa-azul:after { content: none; }

	.barra-fixa { text-align: center; padding-top:5px }
	.barra-fixa a.vendas { display: inline; font-size: 15px; letter-spacing:-0.25px; float: none; margin: 0 10px 0 10px !important; }
	.barra-fixa a.vendas .svg-img { display: none !important; }
		
}