/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
body{
	background: url('../img/bg1.jpg?01') no-repeat center center; 
	background-attachment: fixed;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	overflow-x:hidden;
}

nav ul a,
nav .brand-logo {
  color: #2f2b2a;
}

nav ul a:hover {
  background-color:#96a2ca;
  color:fff;
}


nav .button-collapse {
	float:right;
  color: #fff;
}

.parallax-container {
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }


.navbar{
	position:fixed;
	width: 100%;	
	height:120px;
	top:40px;
	z-index:100;	
}
.navbar nav{
	background:#2f2b2a;
	height:80px;
}

.navbar nav img{
	height:180px;
	position:relative;
	top:-40px;
	width:auto;
} 
.navbar nav a .material-icons{
	height:80px;
	line-height:80px;
}
.navbar nav .nav-wrapper ul li a{
	height:80px;
	line-height:80px;
	color:#FFF;
}
.navbar nav .nav-wrapper ul li a:hover{
	color:#fff;
}


.sticky {
	position: -webkit-sticky; /* Safari */
	top: 0px; /* altura que vai parar antes do topo */
	position: sticky;
}
		
#index-banner{
	width:100%;
	height:500px;
	background: url('../img/img_topo.jpg?11') no-repeat center right;
	border-bottom:solid 5px #96a2ca;
	
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

#logo-topo{
	display:none;
}

.sticky_menu_mob {
	position: -webkit-sticky; /* Safari */
	top: 0px; /* altura que vai parar antes do topo */
	position: sticky;
}

.sticky_branco_topo {
	position: -webkit-sticky; /* Safari */
	top: 0px; /* altura que vai parar antes do topo */
	position: sticky;
	background-color:#e5e8f2;
	height:40px;
	width:100%;
	z-index:50;
}

.topo-image-container {
	display:none;

}
main{
	margin-top:0;
	
}

.texto-entrada{
	text-align:center;
}
.texto-entrada h1{
	color: #FFC;
	text-shadow: 2px 0 0 #030, -2px 0 0 #030, 0 2px 0 #030, 0 -2px 0 #030, 1px 1px #030, -1px -1px 0 #030, 1px -1px 0 #030, -1px 1px 0 #030;
}

.page-footer {
  padding-top: 20px;
  background-color: #96a2ca;
}

.bemvindo{
	font-size:18px;
	background:#e5e8f2;
	color:#2f2b2a;
	width:100%;
	height:auto;
}
.bemvindo .img{
	width:100%;
	text-align:center;
	margin-top:10px;
}
.bemvindo .texto{
	text-align: justify;
}

.titulo-paginas{
	color:#2f2b2a;
	font-size:24px;
	font-weight: bolder;
}

.div_servicos{
	padding-top:20px;
	font-size:18px;
	background-color:#e5e8f2;
}

.div_portfolio{
	padding-top:20px;
	font-size:18px;
	background-color:#e5e8f2;
}

.div_contato{
	background-color:#e5e8f2;
	padding-top:20px;
	font-size:24px;
}

.div_contato table {
  width: 100%;
  display: table;
}
.div_contato table td {
	padding:0;
}

#pg-portfolio .texto{
	font-size:18px;
	text-align:justify;
}


.my-gallery{
	position: relative;
	width:100%;
	height:240px;
	margin-bottom:30px;
}
.my-gallery .link_fotos{
	position:relative;
	width:100%;
	height:200px;
	bottom:0;
	left:0;
	float: right;

}
.my-gallery .ver_fotos{
	position: absolute;
	right:15px;
	bottom:10px;
	background-color:#bb1022;
	color:#FFF;
	font-size:14px;
	text-align:center;
	padding:5px 7px 5px 7px;
}
.my-gallery .hidden{
	position: absolute;
	width:100%;
	height:0px;
	top:0;
	left:0;
	float:left;

}
.foto_apartamento_morumbi{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/apartamento_morumbi/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_apartamento_ipiranga{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/apartamento_ipiranga/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_casa_atibaia{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/casa_atibaia/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_empresa_microsom{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/empresa_microsom/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_reforma_loja_tatuape{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/reforma_loja_tatuape/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_reforma_mega_office{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/reforma_mega_office/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_reforma_residencia_campo_belo{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/reforma_residencia_campo_belo/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}
.foto_reforma_edificacao_campo_belo{
	width:100%;
	height:200px;
	background: url('../img/imgs_portfolio/reforma_edificacao_campo_belo/01.jpg?02') no-repeat center center; 

	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	border:#ddd solid 1px;
}


.descricao-categoria-servicos{
	text-align:center;
	margin-bottom:40px;

}

footer.page-footer {
  margin: 0;
}

.img_divisor {
	width: 100%;
	height:320px;
	background-color:rgba(3,2,2,.44);
}

.color-overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(3,2,2,.44);
	z-index:99;
	}

.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}

.logo-menu-lateral{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.logo-menu-lateral a img{
	height:160px;
	width:auto;

}

.mdi-navigation-arrow-drop-down-circle:before{content:"\25bc";}
.mdi-navigation-arrow-drop-down:before{content:"\25bc";}
.mdi-navigation-arrow-drop-up:before{content:"\25bc";}
.mdi-navigation-chevron-right:before {content: "\203A"; }

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible li a {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0;
}

.collapsible-header {
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

.side-nav {
	background-color:#2f2b2a;
}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: #fff;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
  border-top: 1px solid #551f60;
}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
  background-color: #96a2ca;
  color:#fff;
}

.side-nav .collapsible-header a,
.side-nav.fixed .collapsible-header a {
	color:#2f2b2a;
}

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border-top: 1px solid #ddd;
  background-color: #f3f5f6;
}

.texto-footer h5{
	color:#fff;
}
.texto-footer p{
	color:#fff;
	font-size:18px;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

.retorno-form-ok{
	background: #9CC;
	color: #FFF;
	height:35px;
	line-height:35px;
}

.retorno-form-erro{
	background:#F63;
	color: #FFC;
	height:35px;
	line-height:35px;
}

#pg-fotos, #pg-contato{
	height:auto;
	padding-bottom:80px;
}

#pg-contato .email, #pg-contato .email a, #pg-contato .telefone, #pg-contato .telefone a{
	text-decoration:none;
	color: #1b4877;
	font-size:22px;
}
#pg-contato .subtitulo{
	color:#bb1022;
	font-size:22px;
}

.input-field{
color: #1b4877;
}
.input-field .prefix.active {
color: rgba(187, 16, 34, 0.9);
}
.input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
color: rgba(187, 16, 34, 0.9) !important;
}
.input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid rgba(187, 16, 34, 0.9) !important;
box-shadow: 0 1px 0 0 rgba(187, 16, 34, 0.9) !important;
}

.btn{
background-color: rgba(187, 16, 34, 0.6);
}
.btn:hover{
background-color: rgba(187, 16, 34, 0.9);
}


@media only screen and (max-width : 1024px) {
	.container {
		width: 90%;
	  }	
	#index-banner{
		width:100%;
		height:400px;
		background: url('../img/img_topo.jpg?11') no-repeat top right; 
		
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
}

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

	body{
		background: url('../img/bg1.jpg?01') no-repeat center right -300px; 
		background-attachment: fixed;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.div_servicos{
		padding-top:0px;
	}
	.div_portfolio{
		padding-top:0px;
	}
	.div_contato{
		padding-top:0px;
	}
	
	.img_divisor {
		width: 100%;
		height:280px;
		background-color:rgba(3,2,2,.44);
	}
	
	#index-banner{
		width:100%;
		height:400px;
		background: url('../img/img_topo.jpg?11') no-repeat top right; 
		
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	  
	.navbar{
		position: absolute;
		top:40px;
		height:150px;
		height:75px;
		width:100%;
		z-index:100;	
	}
	.navbar nav img{
		height:60px;
		position:relative;
		top:10px;
		width:auto;
	} 
	nav .brand-logo.left {
		left: 0;
	  }
	.logo-navbar-mob{
		width:100%;
		text-align:center;
		position: absolute;
		margin:0 auto;
		z-index:105;
		pointer-events: none;
		background:none !important;
	}
	.logo-navbar-mob img{
		height:160px;
		top:0px;
		width:auto;
	} 

}

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

	body{
		background: url('../img/bg1.jpg?01') no-repeat center right; 
		background-attachment: fixed;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	.bemvindo .img img{
		width:100%;
		height:auto;
	}
	
	.titulo-paginas{
		font-size:21px;
	}
	
	.my-gallery{
		height:200px;
		margin-top:40px;
	}
	
	.img_divisor {
		width: 100%;
		height:230px;
		background-color:rgba(3,2,2,.44);
	}
	
	.div_contato{
		font-size:18px;
	}
		
	#index-banner{
		width:100%;
		height:300px;
		background: url('../img/img_topo_mob.jpg?11') no-repeat top center; 
		
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
}

@media only screen and (max-width : 320px) {
	
}