#banner{position: relative; background: #000; top:10px; width: 100%; height: 600px;}
#banner .carousel-item{background-size: cover;width: 100%; height: 600px; padding-top: 220px;}
#banner .carousel-item h2{color: #fff;}
#banner .carousel-item h3{color: #fff;}
#banner .carousel-item a{color:#0076f5; font-size: 18px; width: 180px; display: inline-block; background: #fff; border-radius: 20px; height: 40px; line-height: 40px;}
.carousel-control-next, .carousel-control-prev{width: 50%;}

#institucional{margin-top: 9px;}
#institucional h2{font-weight: 600; width: 230px; margin-top: 80px;}
#institucional h2 strong{font-weight: 800;}
#institucional p{font-size: 20px; width: 465px; margin: 50px 0;}
#institucional a{color:#fff; font-size: 18px; width: 180px; display: inline-block; background: #0b1d76; border-radius: 20px; height: 40px; line-height: 40px; text-align: center;}
#blocoAzul{width: 260px; height: 270px; background: #0076f5;}

#produtos{margin-top: 120px;}
#listaProdutos{
	
	width: 960px; height: auto; margin: auto ;
	display: flex;
	flex-direction: row;
	
	-webkit-box-shadow: -29px 28px 65px -23px rgba(176,176,176,1);
	-moz-box-shadow: -29px 28px 65px -23px rgba(176,176,176,1);
	box-shadow: -29px 28px 65px -23px rgba(176,176,176,1);
}

#listaProdutos a{display: block; width: 240px; background: #fff; position: relative; border:2px solid #fff}
.detalheProduto{display: none;}
.detalheProduto h3{color: #fff; margin-bottom: 30px;}
#listaProdutos a:hover .detalheProduto{
	color: #fff;
	text-align: center;
	background:rgba(11,29,118, 0.8);
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* #listaProdutos a:hover::before{content: ""; display: block; background: #0076f5; height: 20px; width: 100%; position: absolute; top: -20px;}
#listaProdutos a:hover::after{content: ""; display: block; background: #0076f5; height: 20px; width: 100%; position: absolute; bottom: -20px;} */

#servicos{
	background: linear-gradient( 90deg,  #EAEAEA 50%,  #0b1d76 50%);
	height: 600px;
	width: 100%;
	margin-top: 170px;
}

#servicos ul {
	margin-top: 40px;
}
#servicos ul li{	
	margin: 5px 0;
}
#servicos ul li a{
	font-size: 14px;
	color: #4d4d4d;
	margin-left: 13px;
}
#servicos ul li a i{display: none; margin-right: 2px;}
#servicos ul li a:hover, #servicos ul li a.hover {margin-left: 0; font-weight: bold;}
#servicos ul li a:hover i, #servicos ul li a.hover i{display: inline-block;}

#servicos h3.tituloServico{
	font-size: 18px; color: #fff; font-weight: bold;
}
#servicos p{font-size: 16px; color: #fff;}

#servicos .carousel-control-next, #servicos .carousel-control-prev{
	position: relative;
	display: inline;
	opacity: 1;
	margin-right: 10px;
}

#clientes{margin-top: 160px; text-align: center;}

#clientes .carousel-control-next, #clientes .carousel-control-prev{
	
	opacity: 1;
	color: #0b1d76;
	width: 100%;
}

.listaClientes {
    padding: 35px;
}

.listaClientes a {
    width: 190px;
    height: 166px;
    line-height: 166px;
    text-align: center;
    background: #fff;
    float: left;
    margin: 0 22px 22px 0;
    display: block;
}

.listaClientes a img
{
	max-width: 180px;
}
.img-hover{display: none;}

.listaClientes a:hover{
	box-shadow: 0px 0px 25px -12px rgba(0,0,0,0.75);
}



/*-lg*/
@media (max-width: 1199.98px) {
	.carousel-control-next, .carousel-control-prev{width: 15%;}
	#blocoAzul {width: 170px;height: 150px;	}
}

/*-md*/
@media (max-width: 991.98px) {
#banner{top:5px}
#institucional h2{width: auto;}
#institucional p{width: auto; margin: 50px 0;}
#listaProdutos {
    width: 500px;
    display: block;
    margin-left: 120px;
}
#listaProdutos a{float: left; margin: 5px;}
#servicos{
	background: #EAEAEA;
	height: auto;
	width: 100%;
	margin-top: 100px;
	padding:20px 0;
}
#servicos ul {
	margin-top: 40px;
}
#servicos ul li{	
	margin: 15px 0;
}
#servicos ul li a{
	font-size: 16px;
	color: #4d4d4d;
	margin-left: 13px;
}
#servicos ul li a i{display: inline; margin-right: 5px;}

}

/*-sm*/
@media (max-width: 767.98px)  {
    #banner .carousel-item a{font-size: 16px; width: 120px; height: 36px; line-height: 36px;}
	#banner{ height: 450px;}
	#banner .carousel-item{ height: 450px; 	padding-top: 175px;}
	#listaProdutos{width: 100%; margin: 0;}
	#listaProdutos a {
		float: left;
		margin: 5px;
		width: 100%;
		height: 295px;
		
	}
	#listaProdutos a img.img-fluid{
		width: 50%;
	}
	.detalheProduto, #listaProdutos a:hover .detalheProduto{
		color: #fff;
		text-align: center;
		background:rgba(11,29,118);
		position: relative;
		width: 50%;
		float: left;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
	}
	
	
}
/*-mobile*/
@media (max-width: 575.98px) {
	#banner{ height: 350px; top: 0;}
	#banner .carousel-item{ height: 350px; 	padding-top: 80px;}
	#banner .carousel-item a{font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
	
	#institucional p{font-size: 16px;}
	#blocoAzul{width: 130px; height: 115px;}

	.detalheProduto, #listaProdutos a:hover .detalheProduto {
		
		width: 100%;
		float: left;
		height: 130px;
		
	}

	#listaProdutos a {	
		margin: 5px;
		width: 100%;
		height: auto;
		
	}

	#listaProdutos a img.img-fluid{
		width: 100%;
	}

	#clientes{margin-top: 100px;}
}