@font-face {
    font-family: "WorkSans Bold";
    src: url("../fonts/WorkSans-Bold.ttf");
}

/* --- banner --- */
	#banner{
		background: url(../imagens/banners/banner-empresarial.jpg)no-repeat center top;
	    background-size: cover;
		height: 370px;
	}
	#banner h1{
		font-size: 47.34px;
		margin-bottom: 70px;
		letter-spacing: 2px;
	}

/* --- breacrumb --- */
	#breacrumb{
		background-color: #dcdcdc;
		height: 40px;
	}
	#breacrumb .container{
		padding-top: 10px;
		font-size: 14px;
	}
	#breacrumb .container p,
	#breacrumb .container a{
		font-family: "Montserrat Regular";
		color: #23253c;
	}
	#breacrumb .container .font-weight-bold{
		font-family: "Montserrat Bold";
	}
	
/* --- conteudo / artigos --- */
	#conteudo .zoom{
		overflow: hidden;
	}
	#conteudo .zoom img.w-100{
		transition: transform .8s;
	}
	#conteudo .zoom:hover img.w-100{
		transform: scale(1.08);
	}
	#conteudo article h3{
		font-size: 25px;
	}
	#conteudo article p{
		font-size: 14px;
		color: #000;
	}
	#conteudo article a h3:hover,
	#conteudo article a p:hover{
		color: #a8a6a6!important;
	}
	#conteudo article p.texto{
		opacity: .5;
		text-align: justify;
	}
	#conteudo article .float-left img{
		transition: .5s;
	}
	#conteudo article .float-left:hover img{
		box-shadow: 0 5px 8px #ccc;
		transition: .5s;
	}
	#conteudo article .float-left p{
		font-size: 14px;
		margin-left: 5px;
	}
	#conteudo article .float-right p{
		font-size: 14px;
		padding: 11px 26px;
	}
	
	#conteudo .paginacao span{
		font-size: 14px;
		font-family: "Montserrat Regular";
		font-weight: bold;
	}

	.container-padding-left{
		padding-left: 0px !important;
	}
	
/* --- conteudo / aside --- */
	::placeholder{
		color: #cecece!important;
	}
	#conteudo #aside .form-control{
		font-size: 14px;
		color: #b7b7b7;
		max-height: 32px;
	}
	#conteudo #aside input.customDropdown{
		background : url(../imagens/logos/loupe.png) no-repeat 96% #eeeeee;
		-webkit-appearance: none;
		   -moz-appearance: none;
		    -ms-appearance: none;
		     -o-appearance: none;
	}
	#conteudo #aside .form-control:focus{
		box-shadow: none;
	}
	#conteudo #aside h3{
		font-size: 25px;
		font-family: "trajan bold";
	}
	#conteudo #aside ul.lista,
	#conteudo #aside ul.arquivos{
		list-style: none;
	}
	#conteudo #aside ul.lista li::before {
	  content: "\2022";
	  color: var(--gray);
	  width: 1px;
	  padding-right: 3px;
	}
	#conteudo #aside ul.lista li{
		line-height: 20px;
	}
	#conteudo #aside .lista a{
		font-size: 13px;
		font-weight: 600;
		color: #a5a5a5!important;
	}
	#conteudo #aside .lista a:hover{
		color: var(--segunda-cor);
	}
	#conteudo #aside ul.arquivos li a{
		color: #4f494a!important;
		font-size: 14px;
		font-family: "WorkSans Bold";
	}

	#conteudo #aside ul li a:hover{
		color: #a8a6a6!important;
	}

	.lateral-padding-left{
		padding-left: 4rem!important;
	}

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 992px) {
	/* conteudo / artigos */
		#conteudo article h3{
			font-size: 17.16px;
			letter-spacing: 0px;
		}
		#conteudo article p.texto{
			font-size: 9.61px;
		}
		#conteudo article p{
			font-size: 9.61px;
		}
		#conteudo article .float-left p{
			font-size: 9.61px;
		}
		#conteudo article .float-left img{
			width: 36px;
		}
		#conteudo article .float-right p{
			font-size: 9.61px;
			padding: 9px 19px;
		}
		#conteudo .paginacao span{
			font-size: 9.61px;
		}
		#conteudo .paginacao img{
			width: 12px;
		}

	/* --- conteudo / aside --- */
		#conteudo #aside .form-control{
			font-size: 9.61px;
			max-height: 22px;
		}
		#conteudo #aside input.customDropdown{
			background-size: 14px;
		}
		#conteudo #aside h3{
			font-size: 17.16px;
		}
		#conteudo #aside .lista a{
			font-size: 9.61px;
		}
		#conteudo #aside ul.lista li{
			line-height: 10px;
		}
		#conteudo #aside ul.arquivos li{
			line-height: 8px;
		}
		#conteudo #aside ul.arquivos li a{
			font-size: 9.16px;
		}
}

@media screen and (max-width: 768px) {
	/* --- banner --- */
		#banner{
			height: 326px;
		}
		#banner h1{
			font-size: 47px;
			margin-bottom: 50px;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			height: 230px;
		}
		#banner h1{
			font-size: 29px;
			margin-bottom: 40px;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 25px;
		}
		#breacrumb .container{
			padding-top: 6px;
			font-size: 9px;
		}

	/* conteudo / artigos */
		#conteudo article h3{
			font-size: 12px;
			line-height: 12px;
		}
		#conteudo article p.texto{
			font-size: 10px;
		}
		#conteudo article p{
			font-size: 6.54px;
		}
		#conteudo article .float-left p{
			font-size: 10px;
		}
		#conteudo article .float-left img{
			width: 25px;
		}
		#conteudo article .float-right p{
			font-size: 10px;
			padding: 9px 19px;
		}
		#conteudo .paginacao span{
			font-size: 10px;
		}
		#conteudo .paginacao img{
			width: 8px;
		}

	/* --- conteudo / aside --- */
		#conteudo #aside{
			padding-left: 60px;
			padding-right: 60px;
		}
}

@media screen and (max-width: 375px) {
	/* --- banner --- */
		#banner{
			height: 230px;
		}
		#banner h1{
			font-size: 29px;
			margin-bottom: 40px;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 25px;
		}
		#breacrumb .container{
			padding-top: 6px;
			font-size: 8px;
		}
}

@media screen and (max-width: 320px){
	/* conteudo / artigos */
		#conteudo article p.text-primary{
			font-size: 6.54px;
			/*letter-spacing: 2px;*/
		}
		#conteudo article .float-left p{
			font-size: 6.54px;
		}
		#conteudo article .float-left img{
			width: 20px;
		}

	/* --- conteudo / aside --- */
		#conteudo #aside{
			padding-left: 35px;
			padding-right: 35px;
		}
}