/*SOBRE*/
.sobre { width: 100%; height: auto; text-align: center; position: relative; clear: both; padding: 80px 0px; }
.sobre .intro { width: 350px; height: auto; display: inline-block; vertical-align: top; position: relative; color: #c2c2d4; font-size: 48px; text-align: left; font-weight: 400; font-family: 'Charmonman'; line-height: 52px; height: auto; padding: 20px 50px 20px 0px; }
.sobre .conteudo { width: 620px; height: auto; display: inline-block; vertical-align: top; position: relative; color: #68696b; font-size: 13px; text-align: justify; font-family: 'Montserrat'; line-height: 26px; height: auto; font-weight: 400; }

/*DESTAQUES*/
.destaques { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; }
.destaques ul { width: 100%; height: auto; text-align: center; position: relative; display: inline-block; vertical-align: top; margin: 5px 0px 100px 0px; }
.destaques ul li { width: 100%; height: auto; text-align: center; position: relative; clear: both; padding: 34px 0px 35px 0px; background:url(../imagens/linha-divisa.png) no-repeat center bottom; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.destaques ul li .nome { width: 205px; height: auto; display: inline-block; vertical-align: top; position: relative; color: #2169ed; font-size: 12px; text-align: left; font-weight: 700; font-family: 'Montserrat'; line-height: 14px; height: auto; padding: 30px 80px 20px 0px; letter-spacing: 3px; text-transform: uppercase; }
.destaques ul li .contes { width: 620px; height: auto; display: inline-block; vertical-align: top; position: relative; color: #68696b; font-size: 13px; text-align: justify; font-family: 'Montserrat'; line-height: 26px; height: auto; font-weight: 400; }
.destaques ul li .avatar { cursor: pointer; width: 90px; display: inline-block; height: 90px; position: relative; overflow: hidden; }
.destaques ul li .avatar img { width: 90px; height: 90px; }
.destaques ul li:hover { background-color: #f3f3f6; }
.destaques ul li:last-child { background: #ffffff url(../imagens/espaco.png); }
.destaques ul li:last-child:hover { background: #f3f3f6 url(../imagens/espaco.png); }

/*CANAIS COMERCIAIS*/
.canais_comerciais { background-color: #2c2c2c; width: 100%; height: auto; position: relative; clear: both; padding: 0px; text-align: center; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.canais_comerciais .titulo { width: 380px; display: inline-block; vertical-align: top; position: relative; color: #2169ed; line-height: 30px; font-size: 30px; text-align: left; padding: 100px 0px; font-weight: 700; font-family: 'Montserrat'; }
.canais_comerciais .conteudo { width: 620px; height: auto; display: inline-block; vertical-align: top; position: relative; color: #ffffff; font-size: 13px; padding: 80px 0px; text-align: justify; font-family: 'Montserrat'; line-height: 26px; height: auto; font-weight: 400; }
.canais_comerciais .canais { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; }
.canais_comerciais .canais ul { width: 100%; height: auto; text-align: center; position: relative; display: inline-block; vertical-align: top; margin: 5px 0px 30px 0px; }
.canais_comerciais .canais ul li { cursor: pointer; margin: 0px 10px; width: 190px; display: inline-block; vertical-align: top; height: auto; position: relative; text-align: center; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.canais_comerciais .canais ul li .conceito { display: none; width: 100% ; height: auto; color: #ffffff; font-size: 13px; text-align: left; font-family: 'Montserrat'; line-height: 20px; font-weight: 400; padding: 10px 0px 20px 0px; }
.canais_comerciais .canais ul li .qual { width: 100% ;height: auto; color: #ffffff; font-size: 13px; text-align: center; font-family: 'Montserrat'; line-height: 20px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }
.canais_comerciais .canais ul li .avatar { cursor: pointer; width: 120px; display: inline-block; height: 120px; position: relative; overflow: hidden; }
.canais_comerciais .canais ul li .avatar img { width: 120px; height: 120px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.canais_comerciais .canais ul li:hover img { opacity: 0.5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.canais_comerciais .canais ul li:hover .qual { color:#0c7fdc; }

.canais_comerciais .conceito_hover { width: 100% ; height: auto; color: #0c7fdc; min-height: 70px; font-size: 13px; text-align: center; font-family: 'Montserrat'; line-height: 20px; font-weight: 400; padding: 10px 0px 40px 0px; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

/*SEO*/
h1 { width: 100%; height: auto; padding: 30px 0px 25px 0px; text-align: center; background-color: #f3f3f6; color: #68696b; font-size: 14px; font-family: 'Montserrat'; line-height: 24px; font-weight: 400; }

@media screen and (max-width: 1050px) {
	.sobre { width: 94%; padding: 40px 0px; }
	.sobre .intro { width: 100%; text-align: center; padding: 20px 0px; }
	.sobre .conteudo { width: 100%; text-align: center; }

	.destaques { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; }
	.destaques ul { width: 100%; height: auto; text-align: center; margin: 5px 0px 50px 0px; }
	.destaques ul li { width: 100%; padding: 34px 0px 35px 0px; background:url(../imagens/espaco.png); }
	.destaques ul li .nome { width: 100%; text-align: center; padding: 30px 0px 20px 0px; }
	.destaques ul li .contes { width: 94%; height: auto; text-align: center; padding-left: 3%; padding-right: 3%; }	
	.destaques ul li .avatar { cursor: pointer; width: 90px; display: inline-block; height: 90px; position: relative; overflow: hidden; }
	.destaques ul li .avatar img { width: 90px; height: 90px; }

	.canais_comerciais { width: 94%; padding: 0px 3%; }
	.canais_comerciais .titulo { width: 100%; text-align: center; padding: 30px 0px 20px 0px; }
	.canais_comerciais .conteudo { width: 100%; padding: 10px 0px 40px 0px; text-align: center; }
	.canais_comerciais .canais ul { width: 100%; }
	.canais_comerciais .canais ul li { width: 100%; margin: 0px 0px 40px 0px; }
	.canais_comerciais .canais ul li .conceito { display: inherit; text-align: center; }
	.canais_comerciais .canais ul li .conceito_hover { display: none; }

}