/*PARCEIROS*/
.parceiros { width: 100%; height: auto; position: relative; clear: both; text-align: center; margin-bottom: 40px; background-color: #ffffff; }
.parceiros .titulo_parceiro { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: var(--cor-texto-default); padding: 50px 0px 25px 0px; font-weight:500 }
.parceiros .titulo_parceiro .acessa { width: auto; height: auto; position: absolute; right: 0px; font-family: var(--fonte-padrao); font-size: 13px; background-color: var(--cor-secundaria); line-height: 20px; color: #ffffff; top: 50px; font-weight:400; text-decoration: underline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 3px 15px; }
.parceiros ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 10px 0px 20px 0px; }
.parceiros ul li { width: 250px; height: auto; position: relative; margin: 5px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.parceiros ul li .avatar { width: 250px; height:140px; padding: 20px 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.parceiros ul li .avatar img { width: auto; height: auto; max-width: 90%; max-height: 90%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.parceiros ul li:hover img {  -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
.parceiros ul li:hover .avatar { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.parceiros ul li:hover { margin: 0px 5px 10px 5px; }

@media screen and (max-width: 1100px) {
	/*PARCEIROS*/
	.parceiros .titulo_parceiro { width: 94%; padding: 30px 3% 15px 3%; }
	.parceiros .titulo_parceiro .acessa { right: 20px; top:35px; }
}