body {
  margin:0; 
  overflow-x:hidden;
}

#social{
position:absolute;
width:100%;
height:50px;
background-color:transparent; 
top:710px;
left:0;
text-align:center;
}

#social img {
  padding-left:5px;
  padding-right:5px;
}


#contacto{
position:absolute;
width:800px;
height:400px;
background-color:transparent; 
top:450px;
left:50%;
margin-left:-400px;
text-align:center;
}

#contacto h2{

  font-family: 'Lobster', cursive !important;
  font-size:40px;
  width:100%;
  text-align:center; 
  color:#AEBF00;
  top:20px;
  margin: 0 auto;
  position:relative; 
  font-weight: normal;
  padding-bottom:50px;
  text-decoration:none !important;
}

#contacto p{
color:#171717;
font-family: 'Poppins', sans-serif !important;
font-size:16px;
line-height:20px;
text-decoration:none !important;
}


#mapa{
  width: 100%;
  height: 400px;
  }


.box{
position:relative; 
width: 323px;
height: 300px;
background-color:#FFFFFF; 
display:inline-block;
/*border:1px solid #AEBF00;*/
transition:all 0.4s ease;
background-image: url("../images/ver-pro.png") !important;
}


.box-img {
display:block;
background-color:#FFFFFF;
transition:all 0.3s ease;
}

.box-img:hover {
opacity:0.09;
}

.box:hover{
position:relative; 
width: 323px;
height: 300px;
background-color:#FFFFFF; 
display:inline-block;
/*border:1px solid #AEBF00;*/
}


.titulo-work {
      margin:0;
      position:absolute;
      width:100%;
      height:100%;
      background-color:transparent;
      z-index:10;  
      opacity:0; 
      transition:all 0.3s ease;
      -webkit-transition:all 0.3s ease;
      -moz-transition:all 0.3s ease;
      -o-transition:all 0.3s ease;
    }

    .titulo-work:hover {
      background-color:#171717;
      opacity:0.90; 
    }


.esq {margin-right:8px !important; background-image: url("images/ver-pro.png"); }

.dir {margin-left:7.5px !important; background-image: url("images/ver-pro.png");}


#header{top:0;}

.foot-proj {top:1960px;}

.cont-proj {height:1780px;}

#projeto-aberto{
  width:1000px;
  height:1587px;
  max-width:100%;
  max-height:auto;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:350px; 
  background-color:transparent;
  display:block;
  text-align:center; 
}


#projetos-1{
  width:1000px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:350px; 
  background-color:transparent;
  display:inline-block;
  text-align:center; 
}

#projetos-2{
  width:1000px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:665px; 
  background-color:transparent;
  display:inline-block;
  text-align:center; 
}

#projetos-3{
  width:1000px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:979px; 
  background-color:transparent;
  display:inline-block;
  text-align:center; 
}

#projetos-4{
  width:1000px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:1293px; 
  background-color:transparent;
  display:inline-block;
  text-align:center; 
}

#projetos-5{
  width:1000px;
  height:300px;
  position:absolute;
  left:50%;
  margin-left:-500px;
  top:1607px; 
  background-color:transparent;
  display:inline-block;
  text-align:center; 
}

#sobre{
  width:100%;
  height:300px;
  position:absolute;
  left:0;
  top:0px; 
  color:#2E3815;
  background-color:#FFFFFF; 
  text-align:center; 
  line-height:20px;
  font-family: 'Poppins', sans-serif;
  font-size:14px;
}

#sobre p {
  width:800px;
  height: 150px;
  position:absolute;
  top:90px;
  left:50%;
  margin-left:-400px;
}

#menu {
  width:100%;
  height:50px;
  /*border-bottom:1px solid #AEBF00; */
  background-color:#FFFFFF;
  position:fixed;
  box-shadow: 0px 0px 15px rgba(87, 87, 87, 0.45);
  left:0;
  top:0; 
  z-index: 5;   
}

#logo {
  width:130px;
  height:70px;
  background-color:transparent;
  position:fixed;
  left:0px;
  top:-20px; 
  z-index: 6;   
  transition:all 0.3s ease;
}

#logo:hover {
  width:130px;
  height:70px;
  background-color:transparent;
  position:fixed;
  left:0px;
  top:-10px; 
  z-index: 1;  
   transition:all 0.3s ease;
}


#barra-menu{
  width:450px;
  height:50px;
  right:18px;
  position:fixed;   
  background-color:transparent; 
  line-height: 51px;
  top:0;
  text-align: right;
}


.digital {
  background-color:#AEBF00;
  color:#FFFFFF !important;
  font-family: 'Poppins', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
      transition:all 0.3s ease;
       padding-top:4px;
       padding-bottom:2px;
       margin-left: 15px;

}


.digital:hover {
  background-color: #AEBF00;
  color:#FFFFFF;
  font-family: 'Poppins', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
      transition:all 0.3s ease;

}


#barra-menu a{
color: #AEBF00;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    transition:all 0.3s ease;
    padding-left:7px;
    padding-right:7px;
    text-decoration:none;
}


#barra-menu a:hover{
color: #AEBF00;
transition:all 0.3s ease;
}

h1 {
  font-family: 'Lobster', cursive;
  font-size:59px;
  width:100%;
  text-align:center; 
  color:#171717;
  top:150px;
  margin: 0 auto;
  position:relative; 
  font-weight: normal;
}

h2 {
font-family: 'Poppins', sans-serif;
  font-size:16px;
  width:100%;
  text-align:center; 
  color:#171717;
  top:160px;
  margin: 0 auto;
  position:relative; 
  font-weight: normal;
}

#botao-orcamento{
     width: 200px;
    height: 40px;
    background-color:#171717;
    top: 290px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    line-height: 10px;
    color:#FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    transition:all 0.3s ease;
}

#botao-orcamento:hover{
  width:200px;
  height:40px;
  background-color:#FFFFFF;
  border-radius:50px;
  top:290px;
  left:50%;
  margin-left:-100px; 
  position:absolute;  
  text-align:center;
  line-height: 10px; 
  -webkit-transition: all .2s ease;
  color: #171717;
 font-family: 'Poppins', sans-serif;
text-transform:uppercase; 
font-size:16px; 
}

#overlay {
width: 100%;
height: 430px;
background-color:  RGBA(218, 236, 43, 0.82);
position: absolute;
opacity: 0.95;
left: 0;
top: 0;
}

#container {
background-color:#171717;
width:100%;
height:1960px;
position:absolute;
top:400px;   
left:0;
}

footer {
background-color:#FFFFFF;
width:100%;
height:700px;
padding-bottom:100px;
position:absolute;
top:2360px;   
left:0;
text-decoration:none !important;
}

video { 
    position: fixed;
    top: 20%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}
</style>