@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; 
	

 }
	 
	 


#banner{

position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 77;

}

#banner img{
	 text-align: center;
		 
	
	width:100%;
	height:540px;
	object-fit: cover;
    object-position:center;
}

	
 	 #servicos{
     margin-top: 47px;
		 padding-bottom: 17px;
		 position: relative;
		width:100%;
		 height:auto;
		 float:left;
		 z-index: 79;
		 
	 }
	 
	 #conteudo-servicos{
		width:1000px;
		 height:auto;
		 margin:auto;
		 
		 
	 }
	 
	 #conteudo-servicos-titulo{
		 width:1000px;
		 height:80px;
		 text-align: center;
	 }
	 
     
      #conteudo-servicos-titulo h2{
		 
		 width:100px;
		 height:4px;
		 text-align: center;  
		background-color: rgba(210,171,102,1.00);
        margin: auto;

		 
	 }
	 
	  #conteudo-servicos-titulo h1{
		  
		 width:1000px;
		 height:117px;
		 text-align: center;
        font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
		 font-size: 41px;		
		 font-display: swap;

		  color: rgba(40,48,56,1.00);
margin-top: 4px;

float: left;
		 
	 } 	 
     
    #servicos-principal{
    width: 1000px;
    height: auto;
   margin-bottom: 57px;
    float: left; 
    
    
    }
    
    
    
    
    
	 
	 
	.servicos-dados{
    float:left;
      width:496px;
   height:496px;
    background-color: rgb(3,17,50,1.00);  
    position: relative;
     border: solid 2px rgba(255,255,255,1.00);
   
    }
    
   .servicos-dados .imagem{
   display: block;
    width:496px;
   height:496px;
    object-fit: cover;
    object-position: center;
    opacity: 0.3; 
    

   
    
    }
    
    
  .servicos-dados .titulo-servicos{
  display: grid;
  position:absolute;  
  padding:0.5rem;
font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
		 font-size: 34px;		
		 font-display: swap;

		 
		 text-align: center;
		 
		letter-spacing: 1px;	
		  color:rgba(255,255,255,1.00);
           
     border:solid 2px rgb(210,171,102,1.00);   
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  
    }
    
    
    .servicos-fotos{
    float:right;
    width:500px;
    height:500px;   
    position: relative;
    }
    
   .servicos-fotos .imagem2{
   display: block;
    width:246px;
    height: 246px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    
    }
    
    .servicos-fotos .imagem3{
  display: block;
    width:246px;
    height: 246px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    }
    
     .servicos-fotos .imagem4{
 display: block;
    width:246px;
    height: 246px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
   
    
    
    }
    
     .servicos-fotos .imagem5{
   display: block;
    width:246px;
    height: 246px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    }
    
    #servicos-descricao{
    float: left;
    width:1000px;
    height:auto;
    margin-top: 27px;
    
    
    }
    
    
        #servicos-descricao p{
  width:1000px;
  height: auto;
	line-height: 30px;
	
	font-family: 'Kanit', sans-serif;
font-size: 18px;
font-weight:500;
font-display: swap;
		letter-spacing: 0.5px;	
	color:rgba(43,43,43,1.00);	
	text-overflow:ellipsis;
    overflow:hidden;
  	white-space:pre-line;
	display:list-item;
	direction: ltr;
    
    
    }
	  
	  


	#whatsapp{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	
	z-index: 79;
	text-align: center;
		
}

#whatsapp img{
	width:100%;
	height:auto;
	
	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; 

 }



#banner{
margin-top: 70px;
position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 77;

}

#banner img{
width:100%;
height:250px;
	 object-fit: cover;
    object-position: center;
	
	
	text-align:center;
}






	 	 #servicos{
     margin-top: 30px;
		 padding-bottom: 4px;
		 position: relative;
		width:100%;
		 height:auto;
		 float:left;
		 z-index: 79;
		 
	 }
	 
	 #conteudo-servicos{
		width:350px;
		 height:auto;
		 margin:auto;
		 
		 
	 }
	 
	 #conteudo-servicos-titulo{
		 width:350px;
		 height:80px;
		 text-align: center;
	 }
	 
     
      #conteudo-servicos-titulo h2{
		 
		 width:100px;
		 height:4px;
		 text-align: center;  
		background-color: rgba(210,171,102,1.00);
        margin: auto;

		 
	 }
	 
	  #conteudo-servicos-titulo h1{
		  
		 width:350px;
		 height:70px;
		 text-align: center;
        font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
		 font-size: 37px;		
		 font-display: swap;

		  color: rgba(40,48,56,1.00);
margin-top: 4px;

float: left;
		 
	 } 	 
     
    #servicos-principal{
    width: 350px;
    height: auto;
   margin-bottom: 50px;
    float: left; 
    
    
    }
    
    
    
    
    
	 
	 
	.servicos-dados{
    float:left;
      width:346px;
   height:346px;
    background-color: rgb(3,17,50,1.00);  
    position: relative;
     border: solid 2px rgba(255,255,255,1.00);
   
    }
    
   .servicos-dados .imagem{
   display: block;
    width:346px;
   height:346px;
    object-fit: cover;
    object-position: center;
    opacity: 0.3; 
    

   
    
    }
    
    
  .servicos-dados .titulo-servicos{
  display: grid;
  position:absolute;  
  padding:0.5rem;
font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
		 font-size: 27px;		
		 font-display: swap;

		 
		 text-align: center;
		 
		letter-spacing: 1px;	
		  color:rgba(255,255,255,1.00);
           
     border:solid 2px rgb(210,171,102,1.00);   
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  
    }
    
    
    .servicos-fotos{
    float:right;
    width:346px;
    height:auto;   
    position: relative;
    }
    
   .servicos-fotos .imagem2{
   display: block;
    width:346px;
    height: 346px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    
    }
    
    .servicos-fotos .imagem3{
  display: block;
     width:346px;
    height: 346px;;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    }
    
     .servicos-fotos .imagem4{
 display: block;
    width:346px;
    height: 346px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
   
    
    
    }
    
     .servicos-fotos .imagem5{
   display: block;
    width:346px;
    height: 346px;
   float: right;
    object-fit: cover;
    object-position: center;  
    border:solid 2px rgba(255,255,255,1.00);
    
    
    }
    
    #servicos-descricao{
    float: left;
    width:350px;
    height:auto;
    margin-top: 27px;
    
    
    }
    
    
        #servicos-descricao p{
  width:350px;
  height: auto;
	line-height: 30px;
	
	font-family: 'Kanit', sans-serif;
font-size: 17px;
font-weight:500;
font-display: swap;
		letter-spacing: 0.5px;	
	color:rgba(43,43,43,1.00);	
	text-overflow:ellipsis;
    overflow:hidden;
  	white-space:pre-line;
	display:list-item;
	direction: ltr;
    
    
    }
	  
	  



#whatsapp{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	
	z-index: 79;
	text-align: center;
		
}

  
#whatsapp img{
	width:100%;
	height:250px;
	object-fit: cover;
    object-position: center;
	text-align: center;
		
}
	
	

	
	
	
}
