*{margin: 0; padding: 0; font-size: 100%; border: none; font-weight: 300; box-sizing: border-box;
font-family: arial, helvetica, sans-serif;
}*

a:link 
{ 
text-decoration:none; 
} 
ul {list-style-type:none}
img{max-width: 100%;}
/*==========CONTAINER=============*/
.container{
  width: 100%;
  float: left;
  padding: 3% 4%;
  text-align:center;
}

.logo{
  width:180px;
  margin-left:5px;
  margin-top:10px;
}
.cabecalho{
  background-color:white;
  height:120px;
  margin-top:0px;
}

.btn-menu{
  width: 60px; 
  height:50px;
  float:right;
  text-align:center;
  margin-top:25px;
  color:white;
  border-radius:6px;
  cursor: pointer;
  background:linear-gradient(to top,#A4A4A4,#585858);
  
  /*background:linear-gradient(to right,#CDC0B0,#CDC0B0);*/
}

/*Menu*/
.menu{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  background-color: rgba(0,0,0,0.9);
  top:0;
  left:0;
  z-index: 10;
}

.btn-close{
  font-size: 1.5em;
   color:white;
  float:right;
  cursor:pointer;
  margin: 2% 3% 0 0;
}

.menu ul{
  width:100%;
  float:left;
  text-align:center;
}

.menu li{
  padding: 1.5%;
}

.menu li a{
font-size: 2em;
color:#fff;
padding: 1.5% 3%;
}

.menu li a:hover{
  border:1px solid #36648B;
}
/*Fim do Menu*/


/*SERVICOS*/
.servicos {width:100%;height:auto;background:transparent;}
.servico{width:100%;background-color:white;height:932px;margin-left: 0px;border-radius:0px;margin-top:30px;padding-left:5%;padding-right:5%;}
.servico h2{padding-top:18%;text-align:center;font-size:1.5em;padding-left:3%;padding-right:3%;font-weight: 650;color:#696969;font-family: "Times New Roman", Times, serif;}
.servico h3{margin-top:20px;text-align:justify;font-size:1.2em;color:#696969;font-family: "Times New Roman", Times, serif;padding-left: 5%;padding-right: 5%;}


/*FIM DE SERVIÇOS*/

  /*icones*/
.icones{margin-top:0px;height:auto;padding-top:5%;background: white;}
.icone{
width: 47%; 
height:390px;
float:left;
padding:0 0;
margin-top:10%;
margin-left:1%;
margin-right:0;
animation-duration:0.80s;animation-delay:0.80s;
border:2px solid #E6E6E6;
background:linear-gradient(to top,white,#EEE9E9) ;
/*background:#E6E6E6;*/
}
.icone:nth-child(2){width:47%;height:390px;margin-right:0;margin-left:2%;}
.icone:nth-child(3){width:60%;height:358px;margin-right:20%;margin-left:20%;margin-top:15%;}

.icone h3{margin-top:20%;padding:2% 2%;font-size:1.1em;text-align:center;font-weight:600;color:#2F4F4F;}
.inner h4{text-align:left;padding-left:18%;padding-right:6%;font-size:1.0em;padding-top:2%;line-height:1.6em;}

.icone img{
  width:65%;padding: 0;margin: -50px;margin-left:5%;margin-right:5%;
}


/*==========CONTAINER=============*/
.contain{
  width: 100%;
  float: left;
  padding: 3% 4%;
  text-align:center;
}

/*BAN 1 E INI*/
.bann{
/*linear-gradient(to top,#848484,#D8D8D8) ;*/
margin-top:0px;
height:auto;
padding:1% 1%;
animation-delay:0.30s;
}
.bann h2{
text-align:center;
padding-left:6%;
padding-right:6%;
font-size:1.5em;
padding-top:3%;
color:#DCDCDC;
font-family: "Times New Roman", Times, serif;line-height:1.3em;
animation-duration:0.80s;animation-delay:0.80s;
}

.bann h3{
text-align:left;
font-size:1.5em;
padding-left:15px;
padding-right:10px;
line-height:1.3em;
text-align:center;
color:#DCDCDC;
}


.ini{
  width:100%;/*
  background-color: rgba(0,0,0,0.5);  cor de fundo da div trasparente*/   
     padding:6% 6%;
   margin-top:-40px;
   text-align:justify;
  
  }
  
  .ini h3{text-align:justify;font-size:1.2em;}

/*galerias#130400;*/
.espaco1{background:transparent;height:218px;}
.galerias{height:auto;width:100%;margin-top:940px;background:transparent;}
.galeria{height:auto;}

/*Rodapé*/
.rodape{
  clear:both; 
  height:auto;
  width: 100%;
  float: left;
  padding:0;
  text-align:center;
  background-image: linear-gradient(to bottom, #363636, gray);
  list-style-type:none;
  /*background:#363636;linear-gradient(to top,#A9A9A9,#D8D8D8); */
}

.rodas{width:100%;background:transparent;margin-top:0px;padding:0px;}
.roda{
width: 100%;
height:350px; 
color:white;  
float:center;
margin-top:35px;
padding-left:3%;padding-right:3%;
background-color:transparent;animation-duration:1s;
animation-delay:0.80s; 
}
.roda:nth-child(2){width:100%;height:320px;margin-right:0;margin-left:0px;margin-top:30px;padding-left:6%;padding-right:6%;}
.roda:nth-child(3){width:100%;height:320px;margin-right:0;margin-left:0px;margin-top:20px;padding-left:6%;padding-right:6%;}
.roda:nth-child(4){width:100%;height:62px;margin-right:0;margin-left:0px;margin-top:10px;padding-left:6%;padding-right:6%;background:#1C1C1C;}

#nome{height:40px;background:black;width:47%;float:left;font-size:1.1em;color:white;margin-top:2%;}
 #telefone{height:40px;background:black;width:48%;float:left;font-size:1.1em;color:white;margin-left:5%;margin-right:0%;margin-top:2%;}
 #email{height:40px;background:black;width:100%;float:left;font-size:1.1em;color:white;margin-top:2%;}
 #mensagem{height:80px;background:black;width:100%;float:left;font-size:1.1em;color:white; resize: none; margin-top:2%;}
 .but{height:35px;background:black;width:26%;float:left;margin-top:20px;font-size:1.1em;color:white;border-radius:10px;}

 #mensagem:hover{background-color:#363636;}
 #email:hover{background-color:#363636;} 
 #nome:hover{background-color:#363636;}
 #telefone:hover{background-color:#363636;}
 
 .rodas h4{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.6em;color:white;}
 .rodas h3{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.8em;color:white;}
 .rodas h2{margin-top:0px;font-family: "Times New Roman", Times, serif;text-align:center;font-weight:100;font-size:1.7em;color:white;}
.roda h5{color:#A9A9A9;font-size:0.90em;font-family:Kelly Slab;padding-top:4%;color:white;text-align:left;margin-left:4%;}
 .roda h6{color:#A9A9A9;text-align:left;margin-left:28%;font-size:0.80em;margin-top:-10px;}
.roda p{color: #A9A9A9;list-style-type:none}
.logoroda{width:150px;height:50px;}

iframe{width:80%; height:250px; border:solid 2px;margin-top:3%;}
/* Chrome, Safari, Opera */
::-webkit-input-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  margin-left:40px;
  font-size:10px;
  color:#A9A9A9;
  display: block;}

/* Firefox 18- */
:-moz-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color:#A9A9A9;
  margin: 10px auto;
  margin-left:20px;
  font-size:10px;
  display: block;}

/* Firefox 19+ */
::-moz-placeholder { padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  color:#A9A9A9;
  margin-left:40px;
  font-size:8px;
  display: block;}

/* IE10+ */
:-ms-input-placeholder {padding: 5px;
  width: 10px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 10px auto;
  color:#A9A9A9;
  margin-left:40px;
  font-size:8px;
  display: block;}
.social-icons  a{
  font-size: 1.5em;
  color:rgba(255,255,255,0.7);
  margin-right: 3%;

}
.social-icons a:last-child{margin-right:0;}

.social-icons a:hover{
  color:white;
}
.logo1{
  width:26px;
  float:left;
  margin-left:12%;
  margin-top:-1px;
} 



ul {list-style-type:none}


.roda h5 a:hover{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:visited { text-decoration: none; color: #A9A9A9; } 
.roda h5 a:focus{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:active{ text-decoration: none; color: #A9A9A9; }
.roda h5 a:link{ text-decoration: none; color: #A9A9A9; }

.roda h6 a:hover{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:visited { text-decoration: none; color: #A9A9A9; } 
.roda h6 a:focus{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:active{ text-decoration: none; color: #A9A9A9; }
.roda h6 a:link{ text-decoration: none; color: #A9A9A9; }

.nome{text-decoration:none;}
/*=================================================================
==================================================================
Celular 480*/
@media screen and (min-width: 480px){
.cabecalho{height:130px;}

/*SERVICOS*/
.servico{margin-left: 0px;height:705px;padding-left:3%;padding-right:3%;}
.servico h2{margin-top:0px;}
/*FIM DE SERVIÇOS*/

.ini img{
  width:100%;
  height:230px;  
     padding:1% 1%;
   margin-top:50px;
  background-size:100% 100%;
  }


/*bann*/
.bann h2{margin-top:35px;font-size:2.0em;line-height:1.4em;}
.bann h3{margin-top:1px;font-size:1.3em;text-align:center;margin-top:-30px;}
.ini{width: 70%;margin-left:17%;margin-top:-30px;}
.ini:nth-child(2){width:95%;margin-left:2%;margin-top:10px;}

/*icones*/
.icone{
width: 47%; 
float:left;
padding:0 0;
margin-top:10%;
margin-left:2%;
margin-right:0;
animation-duration:0.80s;animation-delay:0.80s;
}

.icone img{margin-left:-12px;}

/*Rodape*/
.roda{
width: 100%;
}
.roda:nth-child(2){width:80%;margin-left:10%;margin-right:1%;}
.roda:nth-child(3){width:100%;height:300px;margin-top:10%;}
.roda:nth-child(4){width:100%;}

iframe{width:70%; height:200px;margin-top:3%;}
.roda h5{padding-top:3%;margin-left:17%;}
.roda h6{margin-left:31%;margin-top:-10px;}
.but{width:25%;}
.logo1{
  margin-left:20%;
  margin-top:-1px;
} 

}
/*=====================================================================
=======================================================================
==========================================================tablete 768*/
@media screen and (min-width: 768px){
.btn-menu{width:9%;height:60px;margin-top:0px;}
.logo{
  width: 190px;
  float:left;
  margin-left:2%;
  margin-top:-7px;
}
.cabecalho{height:100px;margin-top:0px;}

/*icones*/
.icones{margin-top:0px;}
.icone{margin-top:10%;}
.icone:nth-child(2){margin-top:10%;}
.icone:nth-child(3){margin-top:10%;}

.icone img{width:50%;margin-left:0px;}

/*SERVICOS*/
.servicos{margin:0px;padding:1% 1%;height:720px;}

.servico{width:90%;height:630px;margin-top:5%;padding-right:4%;padding-left:4%;margin-left:5%;margin-right:5%;}
.servico h2{padding-top:8%;}
.servico h3{padding-top:4%;line-height:1.8em;}

/*bann*/
.bann{margin-top:30px;}
.bann h2{margin-top:20px;font-size:2.0em;}
.bann h3{margin-top:-56px;font-size:1.3em;}
.ini{width: 70%;margin-left:17%;margin-top:-190px;}
.ini:nth-child(2){width:95%;margin-left:2%;margin-top:10px;}

/*Rodape*/
.rodape{height:auto;margin-bottom:0px;margin:0px;padding:0px;}
.roda{
width:48%;
height:230px; 
float: left;
margin-left:2%;
margin-right:0px;
animation-duration:1s;
animation-delay:0.80s;padding-left:4%;padding-right: 4%;
}
.roda:nth-child(2){width:48%;margin-left:0px;margin-right:0px;margin-top:6%;}
.roda:nth-child(3){width:100%;height:300px;margin-top:5%;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
.social-icons{float:left;width:40%;margin-left:-20px;margin-top:-2px;}

iframe{width:80%; height:200px;margin-top:3%;}
.roda p{color: #A9A9A9;text-align:left;}
.roda h3{text-align:left;}

.roda h5{padding-top:1.5%;text-align:left;padding-left:2%;}
.roda h6{padding-left:22%;margin-top:-30px;font-size:0.90em;}
.but{width:25%;}
.logo1{
  margin-left:16%;
  margin-top:-5px;
}
.social-icons{margin-left:1%;}

}


@media screen and (min-width: 960px){
.logo{ margin-top:-16px;margin-left:-7px;}
.cabecalho{height:100px;}

  .btn-menu{display:none !important;}
  .btn-close{display:none !important;}
  .menu{
    width:auto;
    height:56px;
    line-height:56px;
    float:right;
    background:white;
    display:block !important;
    position:static;
    border-radius:5px; 
    margin-right:0px;
    margin-top:-5px;
  }
  .menu li{
  padding:0;
  float:left;
  width:95px;
  font-size:1.0em;
  }
  .menu li a{
    color:gray;
    width:80px;
    font-size:1em;
    padding:15px;
    }
  .menu li a:hover{
     border:none;
    color:gray;
    background:white;
    border:2px solid #808080;border-left:none;border-right:none;
  } 
  
.menu ul {
     list-style-type:none
 }


/*SERVICOS*/
.servicos{height:780px;padding:3% 3%;}

.servico{height:570px;}
.servico h3{padding-top:4%;}
.servico h2{margin-top:10%;}

/*Bann e Banner*/
.bann{margin-top:0px;height:190px;}
.bann h2{margin-top:20px;}
.bann h3{margin-top:-30px;}
.ini{width:30%;
  float: left;
  margin-left:0;
  margin-right:0;
  margin-top:-145px;
  padding: 0 0;
}
.ini:nth-child(2){width:90%;margin-top:20px;margin-left:6%;margin-right:1%;padding:0 0;}


/*icones*/
.icones{margin-top:-7px;height:480px;}
.icone{
width:30%; 
height:350px;
float:left;
padding:0 0;
margin-top:4%;
margin-left:3%;
margin-right:1%;
animation-duration:0.80s;animation-delay:0.80s;
}
.icone:nth-child(2){width:30%;height:350px;margin-right:1%;margin-left:2%;margin-top:4%;}
.icone:nth-child(3){width:30%;height:350px;margin-right:1%;margin-left:2%;margin-top:4%;}

.icone h3{margin-top:20%;padding:2% 2%;font-size:1.2em;}
.inner h4{text-align:left;padding-left:16%;padding-right:16%;font-size:1.1em;padding-top:2%;line-height:1.5em;}

.icone img{margin-left:-9px;width:120px;}

/*rodape*/
.roda{
width:40%;
height:230px; 
margin-left:10%;
margin-top:5%;
}
.roda:nth-child(2){width:38%;margin-left:3%;margin-right:0px;margin-top:5%;}
.roda:nth-child(3){width:100%;height:300px;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
iframe{width:80%; height:200px;margin-top:3%;}

.roda h5{padding-top:1%;text-align:left;padding-left:4%;}
.roda h6{padding-left:21%;margin-top:-30px;font-size:0.90em;}
.but{width:28%;}
.logo1{
  margin-left:22%;
  margin-top:-6px;
}

}
@media screen and (min-width: 1280px){
  .logo{  width: 205px;
  margin-left:-4px;
  margin-top:-30px;}
.cabecalho{margin-top:0px;height:100px;}

  .btn-menu{display:none;}
  .btn-close{display:none;}
 .menu{
    width:62%;
    height:56px;
    line-height:56px;
    float:right;
    background:white;
    display:block !important;
    position:static;
    border-radius:5px; 
    margin-right:0px;
    margin-top:-15px;
  }
  .menu li{
  padding:0;
  float:left;
    width:128px;
  font-size:1.0em;
  }
  .menu li a{
    color:gray;
    font-size:1em;
    font-weight: 500;
    padding:15px;
    }
  .menu li a:hover{
     border:none;
    color:gray;
    background:white;
    border:2px solid #808080;border-left:none;border-right:none;
  }    


/*SERVICOS*/
.servicos{height:540px;}

.servico{margin-top:0%;padding-left:2%;padding-right:2%;height:450px;}

.servico h2{margin-top:0%;padding-top:6%;}
.servico h3{padding-top:2%;}
/*FIM DE SERVICOS*/

 /*banner*/
.bann{margin-top:0px;height:280px;}
.bann h2{margin-top:40px;font-size:2.0em;padding-left: 25%;padding-right: 25%;line-height:1.5em;}
.bann h3{margin-top:-32px;font-size:1.5em;}

/*icones background:#008080;*/
.icones{margin-top:10px;height:580px;}
.icone{
width: 22%; 
height:405px;
float:left;
padding:0 0;
margin-top:5%;
margin-left:7%;
margin-right:5%;
animation-duration:0.80s;animation-delay:0.80s;
}
.icone:nth-child(2){width:22%;height:405px;margin-right:5%;margin-left:5%;margin-top:5%;}
.icone:nth-child(3){width:22%;height:405px;margin-right:5%;margin-left:5%;margin-top:5%;}

.icone h3{padding-top:3%;font-size:1.3em;}
.inner h4{text-align:left;padding-left:23%;padding-right:20%;line-height:1.7em;}

.icone img{
  width:50%;padding: 0;margin: -50px;margin-left:5%;margin-right:5%;
}


/*rodape*/
.roda{
width:30%;
height:480px; 
margin-left:0%;margin-right:0%;
margin-top:0%;
padding-left:6%;
}
.roda:nth-child(2){width:40%;margin-left:0%;margin-right:0%;height:370px;margin-top:3%;padding-left:8%;padding-right:8%;border:2px solid #808080;border-top:none;border-bottom:none;}
.roda:nth-child(3){width:30%;margin-left:0%;margin-right:0%;height:480px;margin-top:0%;padding-left:1%;padding-right:1%;}
.roda:nth-child(4){width:100%;margin-bottom:0px;height:60px;}
iframe{width:70%; height:250px;margin-top:3%;}

.social-icons{margin-left:-10px;width:60%;}
.rodas h4{margin-top:20%;font-size:1.6em;}
 .rodas h3{margin-top:25%;font-size:1.7em;}
 .rodas h2{margin-top:3%;font-size:1.7em;}
 .logoroda{margin-top:8%;}

 .roda h5{padding-top:0.7%;text-align:left;padding-left:4%;}
.roda h6{padding-left:22%;margin-top:-32px;font-size:0.90em;}
.but{width:28%;}
.logo1{
  margin-left:32%;
  margin-top:-7px;
}
}