@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 article h3{
		font-size: 25px;
	}
	#conteudo article p{
		font-size: 14px;
		text-align: justify;
	}
	#conteudo article .float-left p{
		font-size: 14px;
	}
	#conteudo article .float-right p{
		font-size: 14px;
		background-color: var(--gray-dark);
		padding: 11px 26px;
	}

	#conteudo .compartilhe{
		font-size: 25px;
	}

	.container-padding-left{
		padding-left: 0px !important;
	}

	.color-span table span{
		font-weight: 700 !important;
    	color: #919191;
	}
	
	.lateral-padding-left{
		padding-left: 4rem!important;
	}
	
	
/* --- conteudo / aside --- */
	::placeholder{
		color: #cecece!important;
	}

	#conteudo .mod-redes a{
		display: inline-block;
		width: 45px;
		height: 45px;
		font-size: 25px;
		text-align: center;
		padding-top: 5px;
		margin-right: -4px;
		transition: .5s;
	}
	#conteudo .mod-redes a:hover i{
		transition: .5s;
		font-size: 28px;
	}
	#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;
	}


/* --- comentarios --- */
	#comentarios h3{
		font-size: 25px;
		color: #eee;
		font-family: "trajan bold";
	}
	#comentarios p{
		font-size: 14px;
		font-family: "Montserrat Regular";
		opacity: .6;
	}
	#comentarios p.nome{
		font-size: 14px;
		font-family: "WorkSans Bold";
		opacity: 1;
	}
	#comentarios input{
		background-color: #eaeaea;
		max-height: 38px;
	}
	#comentarios textarea{
		background-color: #eaeaea;
		max-height: 201px;
	}
	#comentarios button.btn{
		width: 85px;
		height: 36px;
		font-size: 14px;
		padding-top: 7px;
	}

/* --- leia mais --- */
	#leia-mais .altura{
		max-height: 57px;
	}
	#leia-mais .text-right p{
		font-size: 16px;
		opacity: .7;
		letter-spacing: 2px;
		margin-top: -4px;
	}
	#leia-mais .text-right h2{
		font-size: 40px;
		letter-spacing: 3px;
		margin-top: -8px;
	}
	#leia-mais .d-flex .card{
		max-width: 250px;
		overflow: hidden;
	}
	#leia-mais .box{
		margin-left: 0px;
		width: 53px;
		height: 53px;
		position: absolute;
		z-index: 1;
	}
	#leia-mais .d-flex img{
		width: 100%;
		height: 250px;
		object-fit: cover;
		transition: .5s;
	}
	#leia-mais .d-flex p.text-primeira{
		font-size: 22px;
		text-align: center;
	}
	#leia-mais .d-flex p.text-montserrat{
		font-size: 16px;
		color: #1d1d1d;
		line-height: 20px;
	}
	#leia-mais .d-flex .text-left a{
		font-size: 18px;
		color: #1d1d1d;
	}
	#leia-mais .d-flex .text-left a div{
		border-top: 1px solid #1d1d1d;
		width: 22px;
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#leia-mais .d-flex .card:hover img{
		transform: scale(1.03);
		transition: .5s;
	}
	#leia-mais .d-flex a:hover p.text-primeira{
		text-decoration: underline!important;
	}
	#leia-mais .d-flex .text-left a:hover{
		text-decoration: underline!important;	
	}

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

@media screen and (max-width: 992px) {
	/* conteudo / artigos */
		#conteudo article h3{
			font-size: 17.16px;
		}
		#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 .mod-redes a{
			width: 40px;
			height: 40px;
			font-size: 20px;
			padding-top: 8px;
			margin-right: -4px;
		}

	/* --- 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;
		}

	/* --- conteudo / artigos --- */
		#conteudo .compartilhe{
			font-size: 20px;
		}
		#conteudo .mod-redes a{
			width: 35px;
			height: 35px;
			font-size: 20px;
			padding-top: 3px;
			margin-right: -4px;
		}

	/* --- comentarios --- */
		#comentarios h3{
			font-size: 20px;
		}

	/* --- leia mais --- */
		#leia-mais .text-right p{
			font-size: 16px;
		}
		#leia-mais .text-right h2{
			font-size: 34px;
		}
		#leia-mais .d-flex .card{
			max-width: 250px;
		}
		#leia-mais .box{
			margin-left: 5px;
			width: 52px;
			height: 52px;
		}
		#leia-mais .d-flex img{
			max-width: 240px;
			height: 253px;
		}
		#leia-mais .d-flex p.text-primeira{
			font-size: 22px;
		}
		#leia-mais .d-flex p.text-montserrat{
			font-size: 16px;
		}
		#leia-mais .d-flex .text-left a{
			font-size: 18px;
		}
		#leia-mais .d-flex .card{
			display: none;
		}
		#leia-mais .d-flex .card:nth-child(-n+2){
			display: block;
		}
}

@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: 6.54px;
		}
		#conteudo article p{
			font-size: 10px;
		}
		#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: 6.54px;
		}
		#conteudo .paginacao img{
			width: 8px;
		}

		#conteudo .compartilhe{
			font-size: 18px;
		}
		#conteudo .mod-redes a{
			width: 30px;
			height: 30px;
			font-size: 15px;
			padding-top: 4px;
			margin-right: -4px;
			margin-bottom: 20px;
		}

	/* --- comentarios --- */
		#comentarios h3{
			font-size: 18px;
		}

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

	/* --- leia mais --- */
		#leia-mais{
			padding-bottom: 20px;
		}
		#leia-mais .text-right p{
			font-size: 10px;
		}
		#leia-mais .text-right h2{
			font-size: 20px;
			margin-top: 0;
		}
		#leia-mais .d-flex .card{
			max-width: 150px;
		}
		#leia-mais .box{
			margin-left: 0px;
			width: 32px;
			height: 32px;
		}
		#leia-mais .d-flex img{
			max-width: 100%;
			height: 150px;
		}
		#leia-mais .d-flex p.text-primeira{
			font-size: 18px;
			line-height: 20px;
		}
		#leia-mais .d-flex p.text-montserrat{
			display: none;
		}
		#leia-mais .d-flex .text-left a{
			font-size: 12px;
			margin-left: 20px!important;
		}
		#leia-mais .d-flex .card{
			display: none;
		}
		#leia-mais .d-flex .card:nth-child(-n+2){
			display: block;
		}
}

@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 h3{
			letter-spacing: 3px;
			line-height: 16px;
		}
		#conteudo article p.text-primary{
			font-size: 6.54px;
		}
		#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;
		}
}