@charset "utf-8";



*{
  margin:0px; 
  padding:0;
  border:0;
  
} 

  body{
	  background:#FFFFFF;
	  overflow-x: 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;
	
	 }



#container-principal{
	
	width:100%;
	min-width:1000px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 
	

 }






	#servicos{
    margin-top: 20px;
	position:relative;
	width:100%;
	height:1150px;
	float:left;
	z-index: 79;
	background:url("../img/fundoprodutos.jpg") no-repeat top;	
	
	
	
}
	
	
	
	#conteudo-servicos{
	margin:auto;
	width:1000px;
	height:auto;

	
}

	#conteudo-servicos h1{
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 40px;	
	font-display: swap;
	color:rgba(19,56,89,1.00);
    letter-spacing: -1px;
    text-transform: uppercase;
    text-align: center;	
			margin-top:100px;
			margin-bottom:7px;
			
}

#conteudo-servicos p {
	width:1000px;
	line-height: 35px;
	margin-top: 1px;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(0,0,0,1.00);
	}

#conteudo-servicosesq{
	
	width:333px;
	height:auto;
    float: left;
    margin-top: 47px;
    text-align: center;
}

#conteudo-servicosesq h1{
width: 333px;
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 37px;	
	font-display: swap;
	color:rgba(19,56,89,1.00);
    letter-spacing: -1px;
    text-transform: uppercase;
			margin-top:27px;
			
			
}

#conteudo-servicosesq p {
margin-left: 16px;
	width:300px;
   
	line-height: 24px;
	margin-top: 14px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(0,0,0,1.00);
    margin-bottom: 27px;
	}
	
#conteudo-servicosesq p2 a{
		 font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(242,107,53,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;
		  
		 position: relative;
		width:154px;		 
		 height:40px;
		 
		  padding-left: 21px;
		  padding-right: 21px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	#conteudo-servicosesq p2 a:hover{
		  font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(0,65,121,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;		
		 position: relative;
		width:154px;		 
		 height:40px;		  
		  padding-left: 21px;
		  padding-right: 21px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	 
	
	
#servicos2{
	position:relative;
	width:100%;
	height:1921px;
	float:left;
	z-index: 80;
	background:url("../img/fundoprodutos2.png") no-repeat center;	
    margin-top: -200px;
	
	
	
}
	
	
	
	#conteudo-servicos2{
	margin:auto;
	width:1000px;
	height:auto;
    margin-top: 7px;

	
}

	#conteudo-servicos2esq{
    float: left;
width:1000px;
	height:auto;	
    margin-top: 37px;
}

	#conteudo-servicos2esq img{
    float: left;
}



#conteudo-servicos2esq h1{
width: 560px;
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 27px;	
	font-display: swap;
	    letter-spacing: 0.2px;    
	color:rgba(255,255,255,1.00);
			margin-top:100px;
            float: right;
            text-align: left;
			
			
}

#conteudo-servicos2esq p {
	width:560px;
	line-height: 30px;
	margin-top: 17px;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	text-align: left;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(252,252,252,1.00);
    float: right;
    margin-bottom: 27px;
	}

#conteudo-servicos2esq p2 a{
		 font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(242,107,53,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;
		  float: left;
		 position: relative;
		width:134px;		 
		 height:30px;
		 margin-left: 37px;
		  padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	#conteudo-servicos2esq p2 a:hover{
		  font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(0,65,121,1.00);  
		border-radius: 27px;		
		 position: relative;
		width:134px;		 
		 height:30px;
		 margin-left: 37px;
		  padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		  transition: all 0.5s ease; 	
		 		 
	 }
	 


	



#whatsapp{
margin-top: 47px;
	width:100%;
	height:412px;
	float:left;
	position:relative;
	background:url("../img/bannerwhats.jpg")no-repeat center;
	z-index: 83;
	text-align: center;
		
}



	
}













/*celular*/

@media screen and (max-width:960px) and (orientation: portrait){ 
	
	
	#container-principal{
	
	width:100%;
	min-width:350px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 

 }





	#servicos{
	position:relative;
	width:100%;
	height:2500px;
	float:left;
	z-index: 79;
	background:rgba(239,239,239,1.00);
    margin-top: 70px;
	
	
	
}
	
	
	
	#conteudo-servicos{
	margin:auto;
	width:350px;
	height:auto;

	
}

#conteudo-servicos h1{
width: 350px;
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 31px;	
	font-display: swap;
	color:rgba(19,56,89,1.00);
    letter-spacing: -1px;
    text-transform: uppercase;
			margin-top:47px;
			margin-bottom:7px;
			
}

#conteudo-servicos p {
	width:350px;
	line-height: 31px;
	margin-top: 17px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(0,0,0,1.00);
	}

#conteudo-servicosesq{
	
	width:350px;
	height:auto;
    float: left;
    margin-top: 70px;
    text-align: center;
    margin-bottom: 7px;
}

#conteudo-servicosesq h1{
width: 350px;
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 31px;	
	font-display: swap;
	color:rgba(19,56,89,1.00);
    letter-spacing: -1px;
    text-transform: uppercase;
			margin-top:27px;
                float: left;
                text-align: center;

			
			
}

#conteudo-servicosesq p {
	width:350px;   
	line-height: 24px;
	margin-top: 14px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(0,0,0,1.00);
    margin-bottom: 27px;
        float: left;

	}
	
#conteudo-servicosesq p2 a{
		 font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(242,107,53,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;
		  
		 position: relative;
		width:154px;		 
		 height:40px;
		 
		  padding-left: 21px;
		  padding-right: 21px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	#conteudo-servicosesq p2 a:hover{
		  font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(0,65,121,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;		
		 position: relative;
		width:154px;		 
		 height:40px;		  
		  padding-left: 21px;
		  padding-right: 21px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	 


	
	
#servicos2{
	position:relative;
	width:100%;
	height:2750px;
	float:left;
	z-index: 80;
	background:url("../img/fundoprodutos2.png") center;	
    background-size: cover;
    margin-top: -300px;
	
	
	
}
	
	
	
	#conteudo-servicos2{
	margin:auto;
	width:350px;
	height:auto;
    margin-top: 40px;

	
}

	#conteudo-servicos2esq{
    float: left;
width:350px;
	height:auto;	
    margin-top: 57px;
}

	#conteudo-servicos2esq img{
    width: 350px;
    height: auto;
}



#conteudo-servicos2esq h1{
width: 350px;
font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 21px;	
	font-display: swap;
	
    letter-spacing: 0.2px;
 text-align: center;
	color:rgba(255,255,255,1.00);
			margin-top:21px;
            float: left;
			
			
}

#conteudo-servicos2esq p {
	width:350px;
	line-height: 25px;
	margin-top: 17px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
	color:rgba(252,252,252,1.00);    
    margin-bottom: 27px;
                float: left;

	}

#conteudo-servicos2esq p2 a{
		 font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(242,107,53,1.00);
		  color:rgba(255,255,255,1.00);		  
		border-radius: 27px;
		  float: left;
		 position: relative;
		width:134px;		 
		 height:30px;
		 margin-left: 102px;
		  padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	#conteudo-servicos2esq p2 a:hover{
		  font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.4px;
	font-display: swap;
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(0,65,121,1.00);  
		border-radius: 27px;		
		 position: relative;
		width:134px;		 
		 height:30px;
	margin-left: 102px;
		  padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		  transition: all 0.5s ease; 	
		 		 
	 }
	 


	
	
	
	




#whatsapp{
	width:100%;
	height:150px;
	float:left;
	position:relative;
	background:url("../img/bannerwhats.jpg")no-repeat center;
	background-size: cover;
	z-index: 81;
	text-align: center;
		
}

	
	
}