section { padding: 110px 0px 0px 0px; }

/*SOBRE*/
.sobre { width: 100%; height: auto; position: relative; text-align: left; padding: 30px 0px 0px 0px; }
.sobre .avatar { width: 500px; height: auto; margin: 0px; position: relative; display: inline-block; vertical-align: top; text-align: center; overflow: hidden; }
.sobre .avatar img { width: 100%; height: auto; position: relative; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .avatar:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.sobre .sobre_texto { width: -moz-calc(100% - 600px); width: -webkit-calc(100% - 600px); width: -o-calc(100% - 600px); width: calc(100% - 600px); height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 14px; line-height: 24px; padding-top: 20px; margin: 0px 0px 40px 85px; text-align: left; font-weight: 400; vertical-align:top; display:inline-block; }
.sobre .sobre_texto .titulo_empresa { width: 100%; height:auto; position:relative; font-family: var(--fonte-destaque); color: #000000; font-size:62px; text-align:left; line-height: 70px; padding-bottom:25px; margin-top:25px; }
.sobre .sobre_texto .titulo_empresa::before { position:absolute; content: ''; left: 0px; top: -40px; width: 36px; height: 7px; z-index:9; background-color: var(--cor-primaria); }
.sobre .sobre_texto b { font-weight: 700; }
.sobre .sobre_texto u { text-decoration: underline; }
.sobre .sobre_texto a { text-decoration: underline; color: #000000; font-family: var(--fonte-padrao); font-size: 16px; line-height: 26px; }
.sobre .sobre_texto i { font-style: italic; }

/*BLOCKS*/
.blocks { width: 100%; height: auto; position: relative; padding: 75px 0px 50px 0px; text-align: center; }
.blocks .avatar { width: 500px; height: auto; margin: 0px; position: relative; display: inline-block; vertical-align: top; text-align: center; overflow: hidden; }
.blocks .avatar img { width: 100%; height: auto; position: relative; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.blocks .avatar:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.blocks ul { width: -moz-calc(100% - 600px); width: -webkit-calc(100% - 600px); width: -o-calc(100% - 600px); width: calc(100% - 600px); height: auto; padding: 0px; margin: 0px 85px 0px 0px; text-align: center; display:inline-block; vertical-align:top; }
.blocks ul li { list-style: none; display: inline-block; vertical-align: top; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); height: auto; padding: 0px 25px 25px 25px; margin: 0px 15px; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 22px; }
.blocks ul li .qual { width: 100%; height: auto; color: var(--cor-primaria); font-size: 24px; line-height: 24px; font-family: var(--fonte-destaque); text-transform: uppercase; padding: 0px; display: inline-block; vertical-align: bottom; margin: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/*DESTAQUES*/
.destaques { width: 100%; height: auto; background-color: var(--cor-primaria); position: relative; padding: 45px 0px; margin: 50px 0px 0px 0px; text-align: center; }
.destaques ul { width: 100%; height: auto; padding: 0px; text-align: center; }
.destaques ul li { list-style: none; display: inline-block; vertical-align: top; width: 250px; height: auto; padding: 15px 45px; margin: 15px; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 22px; }
.destaques ul li .avatar { width: 65px; height: 65px; background-color: #ffffff; margin: 0px; position: relative; display: inline-block; vertical-align: top; text-align: center; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0px 0px 15px 0px; }
.destaques ul li .avatar img { width: auto; height: auto; max-width: 85%; max-height:85%; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.destaques ul li .qual { width: 80%; text-align: center; height: auto; color: #000000; font-weight: 600; font-size: 24px; line-height: 30px; font-family: var(--fonte-padrao); padding: 0px 10%; display: inline-block; vertical-align: bottom; margin: 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.destaques ul li p { width: 100%; text-align: center; height: auto; color: #000000; font-weight: 400; font-size: 14px; line-height: 20px; font-family: var(--fonte-padrao); padding: 0px; display: inline-block; vertical-align: bottom; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.destaques ul li:hover { margin: 10px 15px 20px 15px; }

@media screen and (max-width: 850px) {
	section { padding-top:65px; }

	/*SOBRE*/
	.sobre { width: 90%; padding: 0px 5% 50px 5%; }
	.sobre .avatar { width: 100%; }
	.sobre .sobre_texto { width: 100%; margin: 40px 0px; text-align:center; }
	.sobre .sobre_texto .titulo_empresa { font-size:42px; text-align:center; line-height: 50px; }
	.sobre .sobre_texto .titulo_empresa::before { left: 50%; transform: translate(-50%,0); }
	.sobre .sobre_texto .ctas ul { text-align: center; }

	.blocks { width: 90%; padding: 15px 5% 30px 5%; }
	.blocks ul { width:100%; margin: 0px; padding:25px 0px; }
	.blocks ul li, .blocks ul li:hover { width: 100%; height: 130px; padding: 10px 0px; margin: 5px 0px; text-align: center; }
	.blocks ul li .qual { text-align:center; }

	.blocks .avatar { width: 100%; }
}