/*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(114,176,224,0.7); 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(114,176,224,0.3); -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }*/

/*SOBRE*/
.video { width: 480px; height: 300px; position: relative; margin: 40px 0px 0px 0px; text-align: center; z-index: 10; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.15); -moz-box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.15); box-shadow: 0px 25px 25px -25px rgba(0,0,0, 0.15); display: inline-block; vertical-align: top;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.video img { width: 480px; height: 300px; opacity: 0.6; position: relative; z-index: 10; }
.video .titulo-video { width: 100%; height: auto; position: absolute; z-index: 11; color: #ffffff; text-align: left; font-size: 24px; font-weight: 600; text-align: center; bottom: 15px; }
.video .play { width: 480px; height: 300px; 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; }

/*UNIDADES*/
.dados { width: 100%; display: inline-block; vertical-align: top; padding: 15px 0px 0px 0px; text-align: center; }
.dados .local { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); height: auto; position: relative; display: inline-block; vertical-align: top; font-size: 14px; font-family: var(--fonte-padrao); padding-top: 14px; font-weight: 300; color: #1a1a1a; text-align: left; padding-bottom: 30px; margin: 0px 20px 0px 0px; }
.dados .local strong { text-decoration: underline; font-size: 16px; padding-top: 15px; }
.dados .local img { float: left; margin: 0px 15px 15px 0px; width: 60px; height: auto; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.dados .local:hover img { opacity: 0.8 }

/*DIFERENCIAIS*/
.diferenciais { width: 100%; display: inline-block; vertical-align: top; background-color: #f4f6f8; margin: 0px 0px 50px 0px; border-top: #eaeaea 1px solid; padding: 45px 0px; text-align: center; }
.diferenciais ol { width: 100%; height: auto; position: relative; list-style: none; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; }
.diferenciais ol li { width: 200px; height: auto; position: relative; display: inline-block; vertical-align: top; padding-bottom: 40px; margin: 0px 25px; }
.diferenciais ol li p { width: 100%; height: auto; position: relative; font-size: 13px; font-family: var(--fonte-padrao); padding-top: 14px; font-weight: 400; color: #000000; text-align: center; }
.diferenciais ol li img { float: left; margin: 0px 70px 15px 70px; width: 90px; height: 90px; position: relative; overflow: hidden; }
.diferenciais ol li:hover img { opacity: 0.8 }
.diferenciais .regras { width: 100%; height: auto; position: relative; font-size: 24px; padding-top: 40px; font-family: var(--fonte-padrao); font-weight: 400; color: rgba(13,38,128,1); text-align: center; }

/*EQUIPE*/
.equipe { width: 100%; height: auto; position: relative; text-align: center; padding: 0px 0px 50px 0px; }
.equipe ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; }
.equipe ul li { width: 200px; height: 200px; overflow: hidden; background-color: #000000; background-position: center; position: relative; text-align: center; display: inline-block; vertical-align: top; margin: 10px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.equipe ul li .contatos { opacity: 0; width: 188px; height: auto; position: absolute; z-index: 20; top: 0px; text-align: left; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 4px; }
.equipe ul li .contatos i { opacity: 0.5; font-size: 14px; line-height: 24px; width: 24px; height: 24px; color: #ffffff; margin: 0px 0px 0px 1px; display: inline-block; vertical-align: top; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.equipe ul li .solucao { width: 180px; line-height: 20px; height: auto; position: absolute; z-index: 10; bottom: 0px; padding: 10px 12px 12px 12px; color: #ffffff; font-weight: 600; text-align: left; font-size: 15px; line-height: 18px; font-family: var(--fonte-padrao); -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.equipe ul li .solucao p { width: 100%; line-height: 16px; height: auto; position: relative; color: rgba(255,255,255,0.4); font-weight: 500; text-align: left; font-size: 11px; font-family: var(--fonte-padrao); }
.equipe ul li .avatar { width: 200px; height: 200px; margin: 0px; position: relative; overflow: hidden; display: inline-block; vertical-align: top;}
.equipe ul li .avatar img { width: 100%; height: auto; opacity: 0.6; position: relative; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.equipe ul li:hover { background-color: var(--cor-principal); background-size: auto; }
.equipe ul li:hover .contatos { opacity: 1; }
.equipe ul li:hover img { opacity: 0.3; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.equipe ul li .contatos i:hover { opacity: 1; background-color: #ffffff; color: #009fbb; }

/*SOBRE*/
.sobre { width: 100%; position: relative; height: auto; overflow: hidden; text-align: center; }
.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: #1a1a1a; text-transform: uppercase; text-align: center; font-size: 24px; letter-spacing: 3px; font-weight: 600; }
.sobre .sobre_ck { width: 100%; height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 13px; line-height: 20px; padding: 20px 0px 0px 0px; text-align: left; font-weight: 400; }
.sobre .sobre_ck img { width: 80%; height: auto; padding: 10px 10%; text-align: center; }
.sobre .sobre_ck b { font-weight: 700; }
.sobre .sobre_ck u { text-decoration: underline; }
.sobre .sobre_ck i { font-style: italic; }

.faixa { width: 100%; height: auto; margin: 40px 0px; padding: 40px 0px; background-color: #f4f6f8; text-align: justify; position: relative; }
.faixa:after { content: ""; position: relative; display: inline-block; width: 100%; height: 0; }
.faixa .elementos { width: 30%; 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: #000000;text-align: left; font-size: 18px; font-weight: 600; }
.faixa .elementos .sobre_elemento { width: 100%; height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 13px; line-height: 20px; padding: 0px 0px 0px 0px; text-align: left; font-weight: 400; }

@media screen and (max-width: 1100px) {
	.util { 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; }

	.dados .local { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); margin: 0px 10px; }

	.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; }

}