@charset "utf-8";


*{
  margin:0; 
  padding:0;
  border:0;
 box-sizing: border-box;
  
} 

  body{
	  background:#FFFFFF;
	  overflow-x: hidden;
		 overflow-y: hidden;
	 
	 
  }
  
   a:link { 
   
  text-decoration:none; 
} 

a { 

  text-decoration:none; 
} 


@media screen and (max-width:1920px) and (orientation: landscape) {
	 
	 
	 @viewport{
    zoom: 0.0;
    width: device-width;
	
	 }

	 header2{
	display:none;
	}


#container-principal{
	
	
	margin:auto;	
    margin-left:10%;
	float:left;
	width:90%;
	height:calc(100vh);
	scroll-behavior:smooth;
	overflow-y:scroll;
	overflow-x:hidden;
	text-align: center;
	z-index: 445; 
	
	
 }



header{
	
	width:200px;
	height: 100%; 
	display: block; 
	position: fixed; 
	top: 0; 
	z-index: 444; 
	transition: all 0.4s ease; 
	background:url(../img/fundo-menu.jpg) no-repeat;	
	float:left;  	
 }
 
 #conteudo-header{
	 width:200px;
	 height:auto;
	 margin:auto;
	 
 }
 
 #conteudo-header-logo{
	 width:120px;
	 height:162px;
	 margin:auto;
	 
 }
 
  #conteudo-header-logo img{
	margin-top:47px;
	
	 
 }
 
 #conteudo-header-menu{
	margin-top:70%;
	width:200px;
	height:39px;
	float:left; 
 }
 
 
 div.botoes{	
	width: 140px;
	height: 27px;
	float:left;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;	
    -o-transition: border .3s;	
	-ms-transition: border .3s;
	cursor:pointer;
	z-index:400;
	 margin-top:1px;
	 margin-left:37px;	
       transition: all 0.3s ease; 	
     
}

p.botao{
	text-decoration:none;
	font-family: 'Muli', sans-serif;
	font-size:15px;
	color:rgba(255,255,255,1.00);
	letter-spacing:0.4px;
	text-align: left;
	-webkit-transition: font-size .2s;
	-moz-transition: font-size .2s;
	-o-transition: font-size .2s;
	-ms-transition: font-size .2s;
	-webkit-transition: margin-left .2s;
	-moz-transition: margin-left .2s;
	-o-transition: margin-left .2s;
	-ms-transition: margin-left .2s;
	margin-top:14px;
      transition: all 0.3s ease; 	
     
	
}


div.botoes:hover{
	
	margin-top:14px;
	height: 40px;
	border-radius: 10px;
	border:solid 1px rgba(231,57,77,1.00);
      transition: all 0.3s ease; 	
     
	
}

	


div.botoes:hover p.botao{
	-webkit-transition: font-size .2s;
	-moz-transition: font-size .2s;
	-o-transition: font-size .2s;
	-ms-transition: font-size .2s;
	-webkit-transition: margin-left .2s;
	-moz-transition: margin-left .2s;
	-o-transition: margin-left .2s;
	-ms-transition: margin-left .2s;
	margin-top:17px;
	margin-left:7px;
	font-size:16px;	
	color:rgba(231,57,77,1.00);
      transition: all 0.3s ease; 	
     
	
}





#conteudo-dados{
	position: absolute;
	bottom:0;
	margin-left: 25px;
	float:left;
	width:150px;
	height:auto;
    list-style: none;
	
	
}

#conteudo-dados ul{
	list-style:none;
	
	
}

#conteudo-dados img{
	margin-right:4px;	
	margin-left:4px;
	margin-bottom:17px;	
	
}



section{
	
	
	
	margin-left:10%;
	float:left;
	width:90%;
	height:calc(100vh);
	scroll-behavior:smooth;
	overflow-y:scroll;
	overflow-x:hidden;
	text-align: center;
	z-index: 445; 
}




#banner{
    float:left;
	top:0;
	width:100%;
	height:auto;
	
}

#banner img{

text-align: center;
	margin:auto;
	width:100%;
	height:auto;
	
	
}




#secao01{

	
	width:100%;
	height:600px;
	background-color:rgba(255,255,255,1.00);
	
	
	
}


#conteudo-secao01{
	
	width:800px;
	height:533px;
	margin:auto;
	
	
}

#conteudo-secao01-esq{
	

	width:293px;
	height:533px;
	float:left;
	
	
}


#conteudo-secao01-esq h1{
	margin-top:40px;
	font-family: 'Lobster Two', cursive;
	color: rgba(11,22,61,1.00);
	font-size: 32px;
	width:293px;
	height:auto;
	float:left;
	text-align: left;
	
	
}


#conteudo-secao01-esq p{
	margin-top:40px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(75,75,75,1.00);
	font-size: 16px;
	width:293px;
	height:auto;
	float:left;
	text-align: left;
	
	
}

#conteudo-secao01-dir{
	
	width:507px;
	height:533px;
	float:right;
	
}


#conteudo-secao01-dir img{
	
	margin-top: 17px;
	float:right;
	
}



#secao02{
	
	
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
	float: left;
    margin-bottom: 70px;
   
	
}



#conteudo-secao02{
	
	width:800px;
	height:auto;
	margin:auto;
	
	
}

#conteudo-secao02-esq{
	margin-top:40px;
	width:173px;
	height:auto;
	float:left;
	
	
}

#conteudo-secao02-esq img{
	
	float:left;
	
	
}


#conteudo-secao02-dir{
	margin-top:40px;
	width:500px;
	height:auto;
	float:right;
	
}


#conteudo-secao02-dir h1{
	
	font-family: 'Lobster Two', cursive;
	color: rgba(11,22,61,1.00);
	font-size: 37px;
    height:auto;
	width:500px;
	
	
	text-align: left;
	
	
}



#conteudo-secao02-dir p{
	margin-top:40px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;

   line-height: 34px;
	color: rgba(75,75,75,1.00);
	font-size: 16px;
	width:500px;
	height:auto;
	
	text-align: left;
	
	
}


#secao03{
	
float:left;
	width:100%;
	height:auto;
	background:url("../img/banner-servicos.jpg")no-repeat;
    background-size: cover;
	background-position: center;
    
	
}


#conteudo-secao03{
	
	width:800px;
	height:auto;
	margin:auto;
	
}



#conteudo-secao03 h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 36px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao03 p{
	margin-top:27px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 24+px;
   line-height: 30px;
	color: rgba(255,255,255,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-destaque-dados{
	float:left;
	margin-top:47px;
	margin-left: 10px;
	width:180px;
	height:auto;
	background: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 5px;
    margin-bottom: 47px;
    
	
}

#projetos-destaque-dados img{
margin-top: 34px;
	
	width:auto;
	height:90px;	
	text-align:center;	
	
	
}



#projetos-destaque-dados h1{
	
	margin-left:3px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 25px;
	width:175px;
	height:54px;	
	text-align: center;
	
}


#projetos-destaque-dados p{
	
	margin-left:3px;
	margin-top:37px;
    margin-bottom: 21px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;

   line-height: 24px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	width:175px;
	height:auto;	
	text-align: center;
}








#secao04{
	
	float:left;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
	margin-bottom: 70px;
	
	
}



#conteudo-secao04{
	
	width:800px;
	height:auto;
	margin:auto;
	
	
}


#conteudo-secao04 h1{
	
	margin-top:100px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:800px;
	height:54px;	
	text-align: center;
	
	
}




#conteudo-secao04 p{
	
	margin-top:27px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 34px;	
	color: rgba(71,71,71,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-sites{
	width:800px;
	height:auto;
	margin:auto;    
    float: left;
	
}

#projetos-sites h3{
margin-top: 47px;
margin-bottom: 27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:800px;
	height:auto;	
	text-align: center; 
	
}

#projetos-sites-dados{
	float:left;
	margin-top:47px;
    margin-bottom: 70px;
	margin-left: 10px;
	width:250px;
	height:auto;
	
	text-align: center;
	
   
    
	
}

#projetos-sites-dados img{

	float: left;
	width:250px;
	height:200px;	
     object-fit:cover;
    object-position:top;
	text-align:center;	
	
	
}



#projetos-sites-dados h2{
	float: left;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 30px;
	color: rgba(38,38,38,1.00);
	
	width:250px;
	height:auto;	
	text-align: center;
	
}


#projetos-sites-dados p {
	float: left;
	margin-top: 14px;
    margin-left: 40px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    
	font-size: 18px;
	width:170px;
	height:auto;	
	text-align: center;
      transition: all 0.3s ease; 	
	
}

#projetos-sites-dados p a{
	float: left;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    background: rgb(231,57,77,1.00);
	font-size: 18px;
	width:170px;
	height:auto;	
	text-align: center;
      transition: all 0.3s ease; 	
	
}

#projetos-sites-dados p a:hover{
	float: left;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    background: rgb(18,21,60,1.00);
	font-size: 18px;
		width:170px;
	height:auto;
	text-align: center;
      transition: all 0.3s ease; 	
      border-radius: 17px;
	
}



#projetos-videos-dados{
	float:left;
	margin-top:47px;
    margin-bottom: 70px;
	
	width:800px;
	height:auto;
	
	text-align: center;
	
   
    
	
}

#projetos-videos-dados video{

	float: left;
	width:100%;
	height:auto;	
	text-align:center;	
	
	
}

#projetos-videos-dados h2{
	float: left;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 30px;
	color: rgba(49,49,49,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
}




#vejamais{

width:800px;
height:auto;
margin:auto;
text-align: center;
 padding-top: 50px;
}



#vejamais p4{
	
    
	width:170px;
    height:60px;
     padding-left:21px;
     padding-right: 21px;
     padding-top: 5px;
     padding-bottom:5px;
 margin: auto;
	text-align:center;
    
    border-radius: 7px;	 
    font-family: 'Oswald', sans-serif; 
font-display: swap;
font-weight:500;
font-size: 25px;
color: rgba(231,57,77,1.00);
	background:rgba(2,24,67,1.00);
}

	
	
	
    
    
    #dicas{
	
	float:left;
	width:100%;
	height:auto;
	background:rgba(255,255,255,1.00);
    margin-bottom: 47px;
	
	
}



#conteudo-dicas{
	
	width:800px;
	height:auto;
	margin:auto;
	
	
}




#conteudo-dicas h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-dicas p{
	margin-top:27px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 30px;
	color: rgba(49,49,49,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
	
}

#conteudo-dicas-dados img{
	width:600px;
    height: auto;
	margin-top: 47px;
	
	
}


#conteudo-dicas-dados h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 44px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-dicas-dados p{
	margin-top:47px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 34px;	
	color: rgba(49,49,49,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
	
}


#secao05{
	
	float:left;
	width:100%;
	height:auto;
	background:rgba(249,249,249,1.00);
    padding-bottom: 47px;
	
	
}



#conteudo-secao05{
	
	width:800px;
	height:auto;
	margin:auto;
	
	
}



#conteudo-secao05 img{
	margin-left: 24px;
	margin-top: 21px;
	
	
}


#conteudo-secao05 h1{
	
	padding-top:47px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao05 p{
	margin-top:47px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 21px;
   line-height: 30px;
	color: rgba(49,49,49,1.00);
	
	width:800px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-clientes-dados{
	float:left;
	margin-top:17px;
	margin-left: 17px;
	width:auto;
	height:auto;
	
	text-align: center;
	
    
	
}

#projetos-clientes-dados img{

	
	width:auto;
	height:80px;	
	text-align:center;	
	
	
}



#secao06{
	float:left;
	margin-top: 70px;
	width:100%;
	height:720px;
	background:url("../img/fundo-contato.jpg") repeat-x;
	background-position: center;
	
	
}



#conteudo-secao06{
	
	width:800px;
	height:410px;
	margin:auto;
	
	
}






#conteudo-secao06 h1{
	
	
	font-family: 'Lobster Two', cursive;
	color: rgba(125,124,124,1.00);
	font-size: 47px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao06 p{
	margin-top:27px;
	margin-bottom:27px;
	line-height: 30px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 34px;
	width:800px;
	height:auto;	
	text-align: center;
	
	
}


#conteudo-formulario{
	width:800px;
	height:auto;
	margin:auto;
	
	
}







#formulario-campos{
	margin-top:47px;
	width:800px;
	height:auto;
	text-align:center;
	margin:auto;
}


.linha-nome {
  width:420px; 
  height:34px;
	margin-top: 7px;
  padding-left:14px;
  padding-top:7px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left;
  border:1px solid  rgba(255,255,255,1.00);	
  border-radius:7px;
  
 } 
 
 .linha-nome input { 
  outline:none;
  width:383px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
  
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-email { 
  width:420px; 
  height:34px;
	margin-top: 7px;
  padding-left:14px;
  padding-top:7px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left;
  border:1px solid  rgba(255,255,255,1.00);	
  border-radius:7px;
 } 
 
 .linha-email input { 
   outline:none;
  width:383px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
  
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-tel { 
  width:420px;
  height:34px;
  padding-left:14px;
  padding-top:7px;
  margin-top:7px;
  margin-left:1px;
  position:relative;
font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left; 
  border:1px solid rgba(255,255,255,1.00);	
  border-radius:7px;
  background:none;
 } 
 
 .linha-tel input { 
   outline:none;
  width:383px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
 
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-mensagem { 

  width:350px; 
  height:120px;
  padding-left:14px;
  padding-top:7px;
  margin-top:-77px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:right;
  border:1px solid rgba(255,255,255,1.00);	
  border-radius:7px;
  background:none;
   font-weight:lighter;
 } 
 
 .linha-mensagem textarea { 
  
  outline:none;
  width:330px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
	  color:rgba(255,255,255,1.00);
 
  
 }
 
 
 .botao-enviar{
	
	text-align:center;
	padding-top:140px;
	 
 }
 
 
 .botao-enviar input{
	cursor:pointer;
	background:none;
	padding-bottom:7px;
	margin-top:10px;
	padding-top:10px;
	width: 120px;
	height: auto;
	text-align:center;
		font-family: 'Patua One', cursive;
			font-size: 20px;
			font-weight: 300;
			
		border:1px solid rgba(255,255,255,1.00);	
  border-radius:7px;	
	letter-spacing: 0.4px;
	color:#FFFFFF;
	
 }







#conteudo-mapa{
	
	width:100%;
	height:470px;
	float:left;
	
	
}
 
#footer{
	margin-top: 134px;
	width:100%;
	height:270px;
	float:left;
	background: rgba(7,22,60,1.00);
	
	
}



#conteudo-footer{
	
	width:800px;
	height:270px;
	margin:auto;
	
	
}



#conteudo-footer01{
	
	width:70px;
	height:270px;
	text-align: center;
	float:left;
	
	
}




#conteudo-footer01 img{
	
margin-top:100px;
	
}




#conteudo-footer02{
	float:left;
	width:200px;
	height:270px;
	text-align: center;
	
	
}



#conteudo-footer02 img{
	
margin-top:100px;
	
}





#conteudo-footer02 p{
	margin-top:25px;
	
	
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:200px;
	height:auto;	
	text-align: center;
	border-right:1px solid rgba(255,255,255,1.00);
	
	
}



#conteudo-footer03{
	float:left;
	width:170px;
	height:270px;
	text-align: center;
	
	
}



#conteudo-footer03 img{
	
margin-top:100px;
	
}





#conteudo-footer03 p{
	margin-top:30px;
	
	
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:170px;
	height:auto;	
	text-align: center;
	border-right:1px solid rgba(255,255,255,1.00);
	
	
}



#conteudo-footer04{
	float:left;
	width:180px;
	height:270px;
	text-align: center;
	
	
}



#conteudo-footer04 img{
	
margin-top:100px;
	
}





#conteudo-footer04 p{
	margin-top:30px;
	
	
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:180px;
	height:auto;	
	text-align: center;
	border-right:1px solid rgba(255,255,255,1.00);
	
	
}


#conteudo-footer05{
	float:left;
	width:170px;
	height:270px;
	text-align: center;
	
	
}



#conteudo-footer05 img{
	
margin-top:100px;
margin-left:3px;
	margin-right:3px;
	
}





#conteudo-footer05 p{
	margin-top:30px;
	
	
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:170px;
	height:auto;	
	text-align: center;
	border-right:1px solid rgba(255,255,255,1.00);
	
	
}


}
































/*celular*/

@media screen and (max-width:960px) and (orientation: portrait){ 
	
     @viewport{
    zoom: 0.0;
    width:device-width;
	
	 }
	
	header{
	display:none;
	}
	
    
	
	header2{
	
	width:100%;
	height: 70px; 
	display: block; 
	position: fixed; 
	top: 0; 
	z-index: 444; 
	transition: all 0.4s ease; 
	background:url("../img/fundo-menu.jpg") repeat top;
	float:left;
	border-bottom:2px solid rgba(231,57,77,1.00);
		
 }
	
	
	#conteudo-header{
	 width:350px;
	 height:70px;
	 margin:auto;
	 
 }

#conteudo-header-logo{
	 width:150px;
	 height:auto;
	 margin:auto;
	 float:left;
	 position:absolute;
	 
 }



 #conteudo-header-logo img{
	 width:auto;
	 height:64px;
	 margin-top:0px;
	  top:4px;
	  left:4px;
	  position:absolute;
 }
	
	
	#conteudo-header-arearestrita{
	position:absolute;
	right:10px;
	top:10px;
	float:right;
	width:15px;
	height:17px;
	
	
 }




#conteudo-header-menu{
	width:100%;
	height:auto;
	float:right;
	margin-top:24px;
	

 }
	

	
	.menu{
    
		
		float:right;
		margin-right:4px;
		margin-top:25px;
		text-align:right;
		width:100%;
		
		
	}
	
	
	
	.menuMM{
    
		width:200px;
		float:right;
		background: rgba(231,57,77,1.00);
		margin-top: 8px;
		text-align:right;
		list-style: none;
		height:270px;
		padding-left: 4px;
		padding-right: 4px;
	    line-height: 37px;
        padding-top: 7px;
		
		
		
	}
	
	
	.menuMM  a{
	
    
	width:100%;
		color:rgba(255,255,255,1.00);
		font-family: 'Oswald', sans-serif;
font-weight: 500;
font-display: swap;	
	font-size: 21px;
		
		
	}
	
	
#conteudo-categorias{
		
		float:right;
		margin-right:15px;
		width:300px;
		height:auto;
	}
	
	
	
div.botoes5{
	margin-top:2px;
	width:300px;
	margin-right:10px;
	text-align:right;
	height:25px;
	float:right;
	 border-bottom:solid 0px  #FFFFFF;
	-webkit-transition: border-bottom .2s;
	-moz-transition: border-bottom .2s;	
    -o-transition: border-bottom .2s;	
	-ms-transition: border-bottom .2s;
	cursor:pointer;
	z-index:400;
	
}

p.botao5{
	text-align: right;
	margin-top:5px;
	margin-bottom:1px;
	text-decoration:none;
	font-family: 'Nunito', sans-serif;
	font-size:13px;
	color:rgba(255,255,255,1.00);
	letter-spacing:0.4px;
	-webkit-transition: font-size .2s;
	-moz-transition: font-size .2s;
	-o-transition: font-size .2s;
	-ms-transition: font-size .2s;
	-webkit-transition: margin-top .2s;
	-moz-transition: margin-top .2s;
	-o-transition: margin-top .2s;
	-ms-transition: margin-top .2s;
	
}


div.botoes5:hover{


  
 
}

	


div.botoes5:hover p.botao5{
	margin-top:6px;
	font-size:13.5px;	
	color:#6adbd9;
	
}
	

	
	


	
	
   
	 



#conteudo-header-redes{
	margin-left:200px;
	position:absolute;
	float:left;
	width:auto;
	height:auto;
	margin-top:21px;
	
 }
	
	
	#conteudo-header-redes ul{
	float:right;
	width:auto;
		height:auto;
	list-style:none;
	

 }

#conteudo-header-redes ul li img{
	margin-top: 2px;
		padding:3px;
		width:34px;
		height:auto;
 }


#container-principal{
	
	
	
	position:relative;
	float:left;
	width:100%;
	height:calc(100vh);
	scroll-behavior:smooth;
	overflow-y:scroll;
	overflow-x: hidden;
	text-align: center;
}



#banner{
	float:left;
	margin-top:70px;
	width:100%;
	height:auto;	
	
}


#banner img{
	
	width:100%;
	height:auto;
   
	
}




#secao01{


	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
	
	
	
}


#conteudo-secao01{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}

#conteudo-secao01-esq{
	

	width:350px;
	height:auto;
	float:left;
	
	
}


#conteudo-secao01-esq h1{
	
	margin-top:40px;
	font-family: 'Lobster Two', cursive;
	color: rgba(11,22,61,1.00);
	font-size: 32px;
	width:350px;
	height:auto;
	float:left;
	text-align: center;
	
	
}


#conteudo-secao01-esq p{
	
	margin-top:40px;
    margin-bottom: 47px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 34px;	
	color: rgba(31,31,31,1.00);
	
	width:350px;
	height:auto;
	float:left;
	text-align: center;
	
	
}

#conteudo-secao01-dir{
	
	width:350px;
	height:auto;
	float:right;
	
}


#conteudo-secao01-dir img{
	
	margin-top: 7px;
	float:right;
	width:350px;
	height:auto;
	
}


		
	
	#secao02{
	padding-top: 70px;
	float:left;	
    margin-top:27px;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
		padding-bottom: 70px;
	
	
}



#conteudo-secao02{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}

#conteudo-secao02-esq{
	margin-top:40px;
	width:350px;
	height:auto;
	float:left;
	text-align: center;
	
	
}

#conteudo-secao02-esq img{
	
	
	
	
}


#conteudo-secao02-dir{
	margin-top:47px;
	width:350px;
	height:auto;
	float:left;
	
}


#conteudo-secao02-dir h1{

	font-family: 'Lobster Two', cursive;
	color: rgba(11,22,61,1.00);
	font-size: 32px;
	width:350px;
	height:auto;
	float:left;
	text-align: center;
	
	
}



#conteudo-secao02-dir p{
	margin-top:40px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 34px;	
	color: rgba(75,75,75,1.00);
		
	width:350px;
	height:auto;
	float:left;
	text-align: center;
	
	
}
	
	
	#secao03{
	
float:left;
	width:100%;
	height:auto;
	background:url("../img/banner-servicos.jpg")no-repeat;
    background-size: cover;
	background-position: center;
    padding-bottom: 70px;
    
	
}


#conteudo-secao03{
	
	width:350px;
	height:auto;
	margin:auto;
	
}



#conteudo-secao03 h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 36px;
	width:350px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao03 p{
	margin-top:27px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 24+px;
   line-height: 30px;
	color: rgba(255,255,255,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-destaque-dados{
	float:left;
	margin-top:17px;
	margin-left: 10px;
	width:340px;
	height:auto;
	background: rgba(255,255,255,1.00);
	text-align: center;
	border-radius: 7px;
    margin-bottom: 17px;
    
	
}

#projetos-destaque-dados img{
margin-top: 34px;
	
	width:150px;
	height:auto;	
	text-align:center;	
	
	
}



#projetos-destaque-dados h1{
	
	
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 25px;
	width:340px;
	height:54px;	
	text-align: center;
	
}


#projetos-destaque-dados p{
	
	
	margin-top:37px;
    margin-bottom: 21px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
    margin-left: 10px;
   line-height: 24px;
	color: rgba(0,0,0,1.00);
	font-size: 15px;
	width:320px;
	height:auto;	
	text-align: center;
}





#secao04{
	
	float:left;
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,1.00);
	margin-bottom: 70px;
	
	
}



#conteudo-secao04{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}


#conteudo-secao04 h1{
	
	margin-top:100px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:350px;
	height:54px;	
	text-align: center;
	
	
}




#conteudo-secao04 p{
	
	margin-top:27px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 34px;	
	color: rgba(71,71,71,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-sites{
	width:350px;
	height:auto;
	margin:auto;    
    float: left;
	
}

#projetos-sites h3{
margin-top: 47px;
margin-bottom: 27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:350px;
	height:auto;	
	text-align: center; 
	
}

#projetos-sites-dados{
	float:left;
	margin-top:47px;
    margin-bottom: 34px;
	
	width:350px;
	height:auto;
	
	text-align: center;
	
   
    
	
}

#projetos-sites-dados img{

	float: left;
	width:350px;
	height:auto;	
	text-align:center;	
	
	
}



#projetos-sites-dados h2{
	float: left;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 30px;
	color: rgba(38,38,38,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
}

#projetos-sites-dados p {
	float: left;
	margin-top: 14px;
    margin-left: 90px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    
	font-size: 18px;
	width:170px;
	height:auto;	
	text-align: center;
      transition: all 0.3s ease; 	
	
}

#projetos-sites-dados p a{
	float: left;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    background: rgb(231,57,77,1.00);
	font-size: 18px;
	width:170px;
	height:auto;	
	text-align: center;
      transition: all 0.3s ease; 	
	
}

#projetos-sites-dados p a:hover{
	float: left;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
   line-height: 34px;
	color: rgba(255,255,255,1.00);
    background: rgb(18,21,60,1.00);
	font-size: 18px;
		width:170px;
	height:auto;
	text-align: center;
      transition: all 0.3s ease; 	
      border-radius: 17px;
	
}




#projetos-videos-dados{
	float:left;
	margin-top:47px;
    margin-bottom: 27px;
	
	width:350px;
	height:auto;
	
	text-align: center;
	
   
    
	
}

#projetos-videos-dados video{

	float: left;
	width:100%;
	height:auto;	
	text-align:center;	
	
	
}

#projetos-videos-dados h2{
	float: left;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 30px;
	color: rgba(49,49,49,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
}
	


#vejamais{

width:350px;
height:auto;
margin:auto;
text-align: center;
 
}



#vejamais p4{
	
	width:170px;
    height:60px;
     padding-left:21px;
     padding-right: 21px;
     padding-top: 5px;
     padding-bottom:5px;
 
 margin: auto;
	text-align:center;
    
    border-radius: 17px;	 
    font-family: 'Oswald', sans-serif; 
font-display: swap;
font-weight:500;
font-size: 25px;
color: rgba(231,57,77,1.00);
	background:rgba(2,24,67,1.00);
	
}

	
	
    
    
    #dicas{
	
	float:left;
	width:100%;
	height:auto;
	background:rgba(255,255,255,1.00);
    margin-bottom: 47px;
	
	
}



#conteudo-dicas{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}




#conteudo-dicas h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:350px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-dicas p{
	margin-top:27px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 17px;
   line-height: 30px;
	color: rgba(49,49,49,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
	
}

#conteudo-dicas-dados img{
	width:350px;
    height: auto;
	margin-top: 47px;
	
	
}


#conteudo-dicas-dados h1{
	
	padding-top:27px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 44px;
	width:350px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-dicas-dados p{
	margin-top:47px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;
font-size: 16px;
   line-height: 34px;	
	color: rgba(49,49,49,1.00);
	
	width:350px;
	height:auto;	
	text-align: center;
	
	
}



#secao05{
	float:left;
	padding-top:47px;
	padding-bottom: 70px;
	width:100%;
	height:auto;
	background:rgba(249,249,249,1.00);
	background-size: cover;
	
	
}



#conteudo-secao05{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}



#conteudo-secao05 img{
	margin-left: 50px;
	margin-top: 17px;
	
	
}


#conteudo-secao05 h1{
	
	padding-top:7px;
	font-family: 'Lobster Two', cursive;
	color: rgba(231,57,77,1.00);
	font-size: 47px;
	width:350px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao05 p{
	
	margin-top:47px;
	 font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-display: swap;

   line-height: 30px;	
	color: rgba(49,49,49,1.00);
	font-size: 19px;
	width:350px;
	height:auto;	
	text-align: center;
	
	
}

#projetos-clientes-dados{
	float:left;
	margin-top:17px;
	
	width:auto;
	height:auto;
	
	text-align: center;
	
    
	
}

#projetos-clientes-dados img{

	
	width:250px;
	height:auto;	
	text-align:center;	
	
	
}




#secao06{
	float:left;
	padding-top: 70px;
	width:100%;
	height:auto;
	background:rgba(231,57,77,1.00);
	background-position: center;
	background-size: cover;
	
	
}



#conteudo-secao06{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}






#conteudo-secao06 h1{
	
	margin-left: 5px;
	font-family: 'Lobster Two', cursive;
	color: rgba(255,255,255,1.00);
	font-size: 47px;
	width:340px;
	height:auto;	
	text-align: center;
	
	
}




#conteudo-secao06 p{
	margin-left: 5px;
	margin-top:27px;
	margin-bottom:27px;
	line-height: 30px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 34px;
	width:340px;
	height:auto;	
	text-align: center;
	
	
}


#conteudo-formulario{
	width:350px;
	height:auto;
	margin:auto;
	padding-bottom: 47px;
	
	
}







#formulario-campos{
	margin-left:5px;
	margin-top:47px;
	width:340px;
	height:auto;
	text-align:center;
	margin:auto;
}


.linha-nome {
  width:340px; 
  height:34px;
	margin-top: 7px;
  padding-left:14px;
  padding-top:7px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left;
  border:1px solid  rgba(255,255,255,1.00);	
  border-radius:7px;
  
 } 
 
 .linha-nome input { 
  outline:none;
  width:320px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
  
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-email { 
  width:340px; 
  height:34px;
	margin-top: 7px;
  padding-left:14px;
  padding-top:7px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left;
  border:1px solid  rgba(255,255,255,1.00);	
  border-radius:7px;
 } 
 
 .linha-email input { 
   outline:none;
  width:320px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
  
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-tel { 
  width:340px;
  height:34px;
  padding-left:14px;
  padding-top:7px;
  margin-top:7px;
  margin-left:1px;
  position:relative;
font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left; 
  border:1px solid rgba(255,255,255,1.00);	
  border-radius:7px;
  background:none;
 } 
 
 .linha-tel input { 
   outline:none;
  width:320px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
  float:left;
 
	 color:rgba(255,255,255,1.00);

 }
 
 
 .linha-mensagem { 

  width:340px; 
  height:120px;
  padding-left:14px;
	
  padding-top:7px;
  margin-top:7px;
  position:relative;
  font-family: 'Ubuntu', sans-serif;
  font-size:21px; 
  float:left;
  border:1px solid rgba(255,255,255,1.00);	
  border-radius:7px;
  background:none;
   font-weight:lighter;
 } 
 
 .linha-mensagem textarea { 
  
  outline:none;
  width:320px;
  background:none;
  font-size:19px;
  font-family: 'Ubuntu', sans-serif;
	  color:rgba(255,255,255,1.00);
 
  
 }
 
 
 .botao-enviar{
	
	text-align:center;
	padding-top:140px;
	 
 }
 
 
 .botao-enviar input{
	cursor:pointer;
	background:none;
	padding-bottom:7px;
	margin-top:10px;
	padding-top:10px;
	width: 120px;
	height: auto;
	text-align:center;
	font-family: 'Patua One', cursive;
	font-size: 20px;
	font-weight: 300;
	border:1px solid rgba(255,255,255,1.00);	
    border-radius:7px;	
	letter-spacing: 0.4px;
	color:#FFFFFF;
	
 }







#conteudo-mapa{
	
	width:100%;
	height:470px;
	float:left;
	
	
}
 
#footer{
	margin-top: 134px;
	width:100%;
	height:auto;
	float:left;
	background: rgba(7,22,60,1.00);
	
	
}



#conteudo-footer{
	
	width:350px;
	height:auto;
	margin:auto;
	
	
}



#conteudo-footer01{
	
	width:350px;
	height:auto;
	text-align: center;
	float:left;
	
	
}




#conteudo-footer01 img{
	
margin-top:60px;
	
}




#conteudo-footer02{
	float:left;
	width:350px;
	height:auto;
	text-align: center;
	
	
}



#conteudo-footer02 img{
	
margin-top:47px;
	
}





#conteudo-footer02 p{
	margin-top:25px;
	padding-bottom:21px;
	
	margin-left: 5px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:340px;
	height:auto;	
	text-align: center;

	
	
}



#conteudo-footer03{
	float:left;
	width:350px;
	height:auto;
	text-align: center;
	
	
}



#conteudo-footer03 img{
	
margin-top:47px;
	
}





#conteudo-footer03 p{
	margin-top:30px;
	
	margin-left:5px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:340px;
	height:auto;	
	text-align: center;
	
	padding-bottom:21px;
	
	
}



#conteudo-footer04{
	float:left;
	width:350px;
	height:auto;
	text-align: center;
	
	
}



#conteudo-footer04 img{
	
margin-top:47px;
	
}





#conteudo-footer04 p{
	margin-top:30px;
	
	nargin-left:5px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:340px;
	height:auto;	
	text-align: center;

	padding-bottom: 21px;
	
	
}


#conteudo-footer05{
	float:left;
	width:350px;
	height:auto;
	text-align: center;
	
	
}



#conteudo-footer05 img{
	
margin-top:47px;
margin-left:3px;
	margin-right:3px;
	
}





#conteudo-footer05 p{
	margin-top:30px;
	
	margin-left: 5px;
	 font-family: 'Gowun Dodum', sans-serif;	
	color: rgba(255,255,255,1.00);
	font-size: 17px;
	width:340px;
	height:auto;	
	text-align: center;
	
	padding:27px;
	
	
}
	
		 
}
	
	
