/*PESSOAS*/
.pessoas { width: 100%; height: auto; position: relative; clear: both; padding: 0px 0px 100px 0px; text-align: center; background-color:#ffffff; }
.pessoas ol { width: 100%; height: auto; position: relative; clear: both; text-align: left; z-index: 2; padding: 40px 0px 0px 0px; }
.pessoas ol li { width: 130px; 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; }
.pessoas ol li .avatar { width: 100px; height: 100px; margin: 5px 15px 0px 15px; 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; }
.pessoas ol li .avatar img { width: auto; height: auto; max-width: 100%; max-height: 100%; -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-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.pessoas ol li .resumo { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); padding: 0px 15px 20px 15px; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pessoas ol li .resumo .titulo_post { width: 100%; height: auto; padding: 5px 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 15px; clear: both; font-size: 12px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:400; }
.pessoas ol li:hover img {  -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.pessoas ol li:hover .avatar { margin: 0px 15px 5px 15px; }

@media screen and (max-width: 1100px) {
	section { padding: 0px !important; }
}