@charset "utf-8";
/* CSS Document */
* {margin:0; padding: 0;}
html, body {height:100%;}
 
section { display: inline-block; } /*Para ajustar padrão do chrome*/
 
/** formata elementos que tem backgrounds parallax **/
.parallax {
	font-family: 'Oswald', sans-serif;
    color:#FFF;
    margin: 0 auto;
    min-width: 100%;
    /*max-width: 1920px;*/
    position: relative;
    min-height: 100%;
   /* text-shadow:0 0 10px rgba(0,0,0,0.7);*/
    
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;
}
.parallax70 {
	font-family: 'Oswald', sans-serif;
    color:#FFF;
    margin: 0 auto;
    min-width: 100%;
    /*max-width: 1920px;*/
    position: relative;
    height: 70%;
   /* text-shadow:0 0 10px rgba(0,0,0,0.7);*/
    
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;
} 

.parallax30 {
	font-family: 'Oswald', sans-serif;
    color:#FFF;
    margin: 0 auto;
    min-width: 100%;
    /*max-width: 1920px;*/
    position: relative;
    height: 30%;
   /* text-shadow:0 0 10px rgba(0,0,0,0.7);*/
    
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;
}
/* Define backgrounds dos divs */
#home {background-image: url(../imagens/inicio.jpg); background-color:#000;}
#quemsomos {background-image: url(../imagens/quemsomos.jpg); background-color:#000; vertical-align: middle;}
#portifolio {background-image: url(../imagens/portifolio.jpg);background-color:#000;}
#portifolio2 {background-image: url(../imagens/fundo.jpg);background-color:#050201; background-repeat:repeat;padding-top:0px;}
#continua {background-image: url(../imagens/estrutura.jpg);background-color:#050201;padding-top:40px;}
#estrufab {background-image: url(../imagens/estrutura2.jpg);background-color:#050201; padding-top:40px;}
#estrufab2 {background-color:#050201; padding-top:40px;}
#barudan {background-image: url(../imagens/barudan.jpg);background-color:#050201; padding-top:40px;}
#topcontato {background-image: url(../imagens/inicio.jpg);background-color:#050201;}
#contato {background-image: url(../imagens/fundo.jpg);background-color:#050201; padding-top:50px;}
#rodape {background-image: url(../imagens/fundo.jpg);background-color:#050201; padding-top:20px;}
#social {background-color:#FFF; padding-top:20px;}

#quemtexto{ font-size:28px;
color:#242424;

}
.content {
  position: relative;
  top: 30%;
  z-index: 2;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

/**/
#video {
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity:.25;
}
.alinha{
  height: 100%;
  min-height: 100%;

  /* habilita o flex nos filhos diretos */
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;

  /* centraliza na vertical */
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;

  /* centraliza na horizontal */
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  vertical-align:middle;
}

.bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    position: relative;
}
.bmenu li{
    font-size: 50px;
    display: block;
}
.bmenu li a{
	display: block;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #eeb213;
	color: #eeb213;
	padding: 5px 20px;
	margin: 2px;
	background: rgba(0,0,0,0.7);
	letter-spacing: 1px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.bmenu:hover li a{
	text-shadow: 0px 0px 10px #eeb213;
	color: transparent;
	background: rgba(0,0,0,0.2);
}
.bmenu li a:hover{
	background: rgba(0,0,0,1.0);
	text-shadow: 0px 0px 1px #eeb213;
}
#html5Loader{
	top:0;
	left:0;
	background:#00406E;
	background:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 960, from(#1B8EE0), to(#00406E)) no-repeat #00406E;
	background: -moz-radial-gradient(50% 50% 0deg,ellipse farthest-corner, #1B8EE0, #00406E, #00406E 170%);
	background: -o-radial-gradient(50% 50%, #1B8EE0, #00406E);
	margin:0;
	position:fixed;
}
#html5Loader .fallback {
	top:50%;
	position:absolute;
	text-align:center;
	width:100%;
	color:white;
	vertical-align: middle;
	display: block;
	font-style: normal;
	font-family "Lobster Two";
	font-size:100px;
}