body{font-family: Montserrat, sans-serif !important; margin: 0;}
html{
	scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 5em;
}
@media (max-width: 800px){
	/*MENU*/
	#limenu{display: none !important;}
	.btn-maisproduto{font-size: 0.5rem !important;}
	.btn-maisprodutoquemsomos{font-size: 0.4rem !important;}
}
#subirTopo {
text-decoration: none;
background: #062758;
bottom: 15px;
right: 20px;
color: #fff;
text-align: center;
cursor: pointer;
padding: 15px;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
position: fixed;
border-radius:50%;
font-family: 'Lato', sans-serif;
opacity: .8;
z-index: 2;
}
#subirTopo:hover {
opacity:1;
}
#whatss{
text-decoration: none;
background: #00ef6f;
bottom: 85px;
right: 20px;
color: #fff;
text-align: center;
cursor: pointer;
padding: 15px;
font-size: 30px;

text-transform: uppercase;
position: fixed;
border-radius: 50%;
font-family: times !important;
z-index: 50;
}

#whatss:hover {
opacity: 0.8;
}

.text-azul{
	color: #2859a4;
}
/*MENU*/	
.btn-toggler{
	border:0;
}	
.bar{
	color: #2859a4 !important;
}
.icon-nav{
	padding:15px;
	color:#63676d;
	font-size:0.5em;
}

.nav-topo{
	 background-color: #fff;
	 transition: 0.5s ease;
	}
.nav-topo.scrolled{
	background-color: #fff;
}	
.menu{
	font-weight: bold;
	color: #2859a4;;
}
.menu:hover{
	color: #63676d;
}
.logo-menu{
	width: 80px;
}

/*Banner*/
.efeito{
	width: 100%;
	height: 100vh;
	position: relative;
	
}
.efeito video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	object-fit: cover;
}

.banner{
	color: #fff;
	margin-top: 100px;
	padding-top: 200px;
	
	/*background-image: url("../image/banner.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;*/
}
.text-branco{
	background-color: #fff !important;
}
.btn-whats{
	text-decoration: none;
  background-color: #05ca00;
 	color: #fff;
 	padding: 5 10 5 10px;
 	border-radius: 20px;
 	border: 2px solid #05ca00;
 }
 .btn-whats:hover{
 	text-decoration: none;
 	background-color: #fff;
 	color: #05ca00 !important;
 	border-radius: 20px;
 	border: 2px solid #05ca00;
 }
/*QuemSomos*/
.quemsomos{
	color: #313131;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url("../image/background.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.ramo{
	padding-bottom: 50px;
	padding-top: 50px;
	background-color: #2859a4;
	color: #fff;
}
 
 .btn-maisproduto{
	text-decoration: none;
  background-color: #6d6d6d;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #6d6d6d;
 }
 .btn-maisproduto:hover{
 	text-decoration: none;
  background-color: #6d6d6d;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #6d6d6d;
 }
 .btn-maisprodutoquemsomos{
	text-decoration: none;
  background-color: #6d6d6d;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #6d6d6d;
 }
 .btn-maisprodutoquemsomos:hover{
 	text-decoration: none;
  background-color: #6d6d6d;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #6d6d6d;
 }
 /*Equipamentos*/
 .equipamentos{
 	background-color: #f5f5f5;
 	color: #313131;
 	padding-top: 50px;
	padding-bottom: 50px;
 }
 /*Contato*/
 .btn-enviar{

 	text-decoration: none;
  background-color: #030f34;;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #030f34;;
 }
 .btn-enviar:hover{
 	text-decoration: none;
  background-color: #030f34;;
 	color: #fff;
 	padding: 10 30 10 30px;
 	border-radius: 20px;
 	border: 2px solid #030f34;;
 }
 .btn-whats-contato{
 	font-size: 1.5rem;
	text-decoration: none;
  background-color: #05ca00;
 	color: #000;
 	padding: 10 20 10 20px;
 	border-radius: 20px;
 	border: 2px solid #05ca00;
 }
 .btn-whats-contato:hover{
 	text-decoration: none;
 	background-color: #05ca00;
 	color: #000 !important;
 	border-radius: 20px;
 	border: 2px solid #05ca00;
 }
/*FOOTER*/
.footer{
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #183c71;
	
}
.link{
	text-decoration: none;
}
.link:hover{
	color: #fff;
	text-decoration: none;
}


.img-servicos{
	width: 250px;
  height: 250px;
  object-fit: cover;
}