/*GALERIA DE FOTOS*/
.util-galeria { width: 100%; position: relative; height: auto; overflow: hidden; text-align: center; }
.galeria { width: 100%; height: auto; display: inline-block; position: relative; margin-top: 30px; }
.galeria .texto { width: 100%; height: auto; margin-top: 180px; position: absolute; z-index: 102; }
.galeria ul { display: inline-block; width: 100%; height:  auto; position: relative; list-style-type: none; margin: 25px 0px 70px 0px; }
.galeria ul li { margin-top: -4px; position: relative; width: 240px; height: 180px; display: inline-block; margin: 15px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.galeria ul li .mascara { width: 240px; height: 180px; position: absolute; background: rgba(21,66,74,0.8); z-index: 100; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.galeria ul li img { width: 240px; height: 180px; }
.galeria ul li:hover .mascara { background: rgba(21,66,74,0.3); -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }

/*SOBRE*/
.video { width: 950px; background-color: rgba(21,66,74,1); height: 450px; position: relative; margin: -30px 75px 40px 75px; text-align: center; z-index: 10; }
.video img { width: 950px; height: 450px; opacity: 0.25; position: relative; z-index: 10; }
.video .titulo-video { width: 100%; height: auto; position: absolute; z-index: 11; color: #00aaff; font-size: 28px;font-weight: 600; text-align: center; bottom: 15px; }
.video .play { width: 950px; height: 450px; 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 { margin: -40px 75px 50px 75px; -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: 5px 0px 30px 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: #15424a; text-align: center; font-size: 24px; font-weight: 600; }
.sobre .sobre_ck { width: 100%; height: auto; position: relative; color: #000000; font-family: 'Poppins'; font-size: 15px; line-height: 24px; padding: 40px 0px; text-align: left; font-weight: 300; }

/*BLOCO INTRODUÇÕES*/
.intros_blocos { width: 100%; height: auto; position: relative; padding: 50px 0px; border-top: 1px solid #f4f6f8; }
.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.intros_blocos ul li { display: inline-block; width: 100%; height: auto; position: relative; margin: 30px 0px; -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: left; }
.intros_blocos ul li .avatar { overflow: hidden; width: 475px; height: auto; position: relative; }
.intros_blocos ul li .avatar img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intros_blocos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: -moz-calc(100% - 500px); width: -webkit-calc(100% - 500px); width: -o-calc(100% - 500px); width: calc(100% - 500px); padding: 20px 0px; height: auto; font-family: 'Poppins'; color: #545454; font-size: 12px; font-weight: 400; text-align: right;  }
.intros_blocos ul li .conteudo_intro .nome_intro { width: 100%; text-transform: uppercase; height: auto; position: relative; padding: 10px 0px 5px 0px; text-align: right; color: #000000; font-size: 24px; line-height: 26px;  font-family: 'Poppins'; font-weight: 700; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intros_blocos ul li .conteudo_intro .linha { width: 85px; height: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;background: #00aaff; display: inline-block; clear: both; margin: 4px 0px 0px 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.intros_blocos ul li .conteudo_intro .introducao_intro { width: 100%; font-size: 14px; font-family: 'Poppins';  color: #545454; text-align: right; padding: 0px; line-height: 22px; position: relative; z-index: 10; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 400; }
.intros_blocos ul li.lado1 .avatar { float: left; margin: 0px 24px 0px 0px }
.intros_blocos ul li.lado2 .avatar { float: right; margin: 0px 0px 0px 24px }
.intros_blocos ul li.lado1 .conteudo_intro, .intros_blocos ul li.lado1 .conteudo_intro .nome_intro, .intros_blocos ul li.lado1 .conteudo_intro .introducao_intro { text-align: left; }
.intros_blocos ul li: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; }

.faixa { width: 100%; height: auto; margin: 50px 0px 0px 0px; padding: 100px 0px 80px 0px; background-color: #f4f6f8; text-align: justify; position: relative; }
.faixa:after { content: ""; position: relative; display: inline-block; width: 100%; height: 0; }
.faixa .elementos { width: 47%; margin-right: 2.5%; 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: #15424a; text-align: left; font-size: 24px; font-weight: 600; }
.faixa .elementos .sobre_elemento { width: 100%; height: auto; position: relative; color: #000000; font-family: 'Poppins'; font-size: 14px; line-height: 24px; padding: 0px 0px 0px 0px; text-align: left; font-weight: 300; }

@media screen and (max-width: 1100px) {
	.util { text-align: center; }
	
	/*BLOCO INTRODUÇÕES*/
	.intros_blocos { width: 100%; height: auto; position: relative; padding: 50px 0px; border-top: 1px solid #f4f6f8; }
	.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
	.intros_blocos ul li { width: 94%;  padding: 0px 3%; text-align: center; }
	.intros_blocos ul li .avatar { width: 100%; }
	.intros_blocos ul li .conteudo_intro, .intros_blocos ul li .conteudo_intro .nome_intro, .intros_blocos ul li .conteudo_intro .introducao_intro { text-align: center; width: 100%; }
	.intros_blocos ul li.lado1 .avatar, .intros_blocos ul li.lado2 .avatar { float: none; margin: 0px; }
	.intros_blocos ul li.lado1 .conteudo_intro, .intros_blocos ul li.lado1 .conteudo_intro .nome_intro, .intros_blocos ul li.lado1 .conteudo_intro .introducao_intro { text-align: center; }

	.galeria ul li { margin-top: 0px; width: 165px; height: 120px; margin: 5px; }
	.galeria ul li .mascara { width: 165px; height: 120px; }
	.galeria ul li img { width: 165px; height: 120px; }

	.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: 5px 3% 15px 3%; text-align: center; }
	.sobre .titulos .titulo-sobre { font-size: 18px; letter-spacing: 2px; }
	.sobre .sobre_ck { width: 94%; padding: 30px 3%; text-align: center; }

	.faixa { width: 94%; height: auto; margin: 40px 0px 0px 0px; padding: 50px 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: 2px; }
	.faixa .elementos .sobre_elemento { text-align: center; padding-bottom: 30px; }

}