/*SOBRE*/
.video { width: 640px; background-color: var(--cor-ativa-principal); height: 320px; position: relative; margin: 20px 240px 40px 240px; text-align: center; z-index: 10; -webkit-border-radius: var(--raio-menor); -moz-border-radius: var(--raio-menor); -o-border-radius: var(--raio-menor); border-radius: var(--raio-menor); overflow: hidden; display: inline-block; vertical-align: top; }
.video img { width: 640px; height: 320px; opacity: 0.25; position: relative; z-index: 10; }
.video .titulo-video { width: 100%; height: auto; position: absolute; z-index: 11; color: var(--cor-texto-padrao); font-size: 28px;font-weight: 600; text-align: center; bottom: 15px; }
.video .play { width: 640px; height: 320px; z-index: 11; position: absolute; background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.video:hover { -webkit-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); -moz-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.45); }
.video:hover img { opacity: 1; }
.video:hover .play { background-size: auto 100px; }

.sobre .titulos { width: 100%; height: auto; position: relative; padding: 20px 0px; border-bottom: 1px solid #f4f6f8; text-align: left; }
.sobre .titulos .titulo-sobre { display: inline-block; vertical-align: top; width: 100%; height: auto; position: relative; padding: 20px 0px; color: var(--cor-texto-padrao); text-align: center; font-size: 24px; font-weight: 600; }
.sobre .sobre_ck { width: 100%; height: auto; position: relative; color: var(--cor-texto-secundaria); font-family: var(--fonte-padrao); font-size: 15px; line-height: 24px; padding: 40px 0px; text-align: left; font-weight: 300; }

.faixa { width: 100%; height: auto; margin: 30px 0px 0px 0px; padding: 0px 0px 30px 0px; text-align: justify; position: relative; }
.faixa:after { content: ""; position: relative; display: inline-block; width: 100%; height: 0; }
.faixa .elementos { width: 100%; height: auto; position: relative; display: inline-block; vertical-align: top; }
.faixa .elementos .titulo_elemento { width: 100%; height: auto; position: relative; padding: 0px 0px 10px 0px; text-align: left; color: var(--cor-texto-padrao); text-align: left; font-size: 24px; font-weight: 600; }
.faixa .elementos .sobre_elemento { width: 100%; height: auto; position: relative; color: var(--cor-texto-secundaria); font-family: var(--fonte-padrao); font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; text-align: left; font-weight: 300; }

.checks { width: 100%; height: auto; position: relative; padding: 0px 0px 40px 0px; }
.checks li { width: 100%; height: auto; position: relative; margin: 0px 0px 20px 0px; color: var(--cor-texto-padrao); font-size: 18px; font-family: var(--fonte-padrao); font-weight: 400; line-height: 40px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.checks li i { font-size: 15px; color: #ffffff; margin: 0px 20px 0px 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; z-index: 1; position: relative; display: inline-block; vertical-align: top; background-color: var(--cor-ativa-principal); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.checks li:hover { opacity: 0.6 }
.checks li:hover i { opacity: 0.6 }

@media screen and (max-width: 1100px) {
	.util { text-align: center; }
	header .util { text-align: left !important; }
	
	.video { width: 340px; height: 200px; position: relative; margin: -30px 10px 20px 10px; display: inline-block; vertical-align: top; }
	.video img { width: 340px; height: 200px; }
	.video .titulo-video { text-align: center; font-size:18px; letter-spacing: 2px; bottom: 10px; }
	.video .play { width: 340px; height: 200px;}
	.video:hover { margin: -30px 10px 20px 10px; }

	.sobre .titulos { width: 94%; padding: 85px 3% 15px 3%; text-align: center; }
	.sobre .titulos .titulo-sobre { font-size: 18px; letter-spacing: 0px; }
	.sobre .sobre_ck { width: 94%; padding: 30px 3%; text-align: center; }

	.faixa { width: 94%; height: auto; margin: 20px 0px 0px 0px; padding: 20px 3% 10px 3%; text-align: center; }
	.faixa .elementos { width: 100%; margin-right: inherit; }
	.faixa .elementos .titulo_elemento { text-align: center; font-size: 18px; letter-spacing: 0px; }
	.faixa .elementos .sobre_elemento { text-align: center; padding-bottom: 30px; }

	.checks li i { display: none; }
}