/* 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: #333;
}

nav ul a:hover {
  background-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:rgba(0, 0, 0, 0.9);
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:#000;
}


.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_topo2.jpg?08') no-repeat center right; 

-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:#FFF;
	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: #000;
}

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

.icon_whats_flutuante{
	position:fixed;
	float:right;
	width:70px;
	height:70px;
	bottom:40px;
	right:40px;
	z-index:100;
}
.icon_whats_flutuante img{
	width:60px;
	height:60px;
}

.titulo-paginas{
	color:#000;
	font-size:20px;
	font-weight: bolder;
}

.div_equipe{
	background-color:#FFF;
	padding-top:40px;
	font-size:18px;
}
.div_equipe img{
	width:90%;
	height:auto;
	max-width:300px;
}
.div_equipe .texto{
	text-align: justify;
}

.div_servicos{
	background-color:#FFF;
	padding-top:40px;
}
.div_profissionais{
	background-color:#FFF;
	padding-top:40px;
}
.div_profissionais .foto-categoria-profissionais{
	text-align:center;
	margin-bottom:40px;
}
.div_profissionais .foto-categoria-profissionais img{
	width:100%;
	height:auto;
}
.div_contato{
	background-color:#FFF;
	padding-top:40px;
	font-size:24px;
}

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

#pg-servicos .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-servicos-arquitetura{
	width:100%;
	height:200px;
	background: url('../img/servicos-arquitetura.jpg?03') 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-servicos-engenharia{
	width:100%;
	height:200px;
	background: url('../img/servicos-engenharia.jpg?03') 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-servicos-construcao{
	width:100%;
	height:200px;
	background: url('../img/servicos-construcao.jpg?03') 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:#000;
}
.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: #FFF;
  color:#000;
}

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

.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;
}
#pg-contato .texto{
	font-size:18px;
	text-align:justify;
}

.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_topo2.jpg?08') 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%;
}

.icon_whats_flutuante{
	position:fixed;
	float:left;
	width:70px;
	height:70px;
	bottom:100px;
	left:40px;
	z-index:100;
}
.icon_whats_flutuante img{
	width:60px;
	height:60px;
}

.div_servicos{
	padding-top:0px;
}
.div_profissionais{
	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_topo2.jpg?08') 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%;
}

.icon_whats_flutuante{
	position:fixed;
	float:left;
	width:50px;
	height:50px;
	bottom:30px;
	left:20px;
	z-index:100;
}
.icon_whats_flutuante img{
	width:50px;
	height:50px;
}

.bemvindo .img img{
	width:100%;
	height:auto;
}

.titulo-paginas{
	font-size:17px;
}

.div_equipe .foto_perfil{
	margin:0 auto;
	text-align:center;
}

.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_topo2.jpg?08') no-repeat top right -190px; 

-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) {
	
}