/*SOBRE*/
.sobre { width: 100%; min-height: 515px; text-align: center; height: auto; background:url(../imagens/bg-empresa.jpg) no-repeat center 590px; position: relative; clear: both; padding: 10px 0px; }
.sobre .titulo { width: 100%; clear: both; color: #2169ed; line-height: 30px; font-size: 30px; text-align: left; padding: 60px 0px 30px 0px; font-weight: 700; font-family: 'Montserrat'; }
.sobre .video { width: 700px; display: inline-block; vertical-align: top; height: auto; position: relative; padding-top: 15px; }
.sobre .video .avatar { cursor: pointer; width: 700px; background-color: #ffffff; height: 500px; position: relative; overflow: hidden; }
.sobre .video .avatar .play { width: 700px; height: 500px; z-index: 1; position: absolute; background-image: url(../imagens/play-video.png); background-repeat: no-repeat; background-size: 50px auto; background-position: center center; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .video .avatar img { width: 700px; height: 500px; -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; }
.sobre .video .avatar:hover img { opacity: 0.7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.sobre .video .avatar:hover .play { background-size: 72px auto; }
.sobre .institucional { width: 100%; height: auto; position: relative; text-align: center; }
.sobre .institucional .chamas { width: 500px; height: auto; position: relative; padding: 145px 0px; display: inline-block; vertical-align: top; }
.sobre .institucional .chamas .titulo { width: 100%; clear: both; color: #2169ed; line-height: 30px; font-size: 30px; text-align: left; padding: 60px 0px 30px 0px; font-weight: 700; font-family: 'Montserrat'; }
.sobre .institucional .chamas .intro { color: #c2c2d4; font-size: 36px; text-align: left; font-weight: 400; font-family: 'Charmonman'; line-height: 40px; width: 100%; height: auto; padding-bottom: 20px; }
.sobre .institucional .conteudo { display: inline-block; vertical-align: top; color: #ffffff; font-size: 13px; text-align: left; font-family: 'Montserrat'; line-height: 24px; width: 470px; height: auto; max-height:360px; overflow: auto; padding: 85px 15px; font-weight: 400; }

/*FOTOS*/
.fotos { width: 100%; height: auto; position: relative; clear: both; padding: 0px; }
.fotos ul { width: 100%; height: auto; text-align: center; position: relative; clear: both; margin: 0px 24px; }
.fotos ul li { cursor: pointer; margin: 0px 5px; width: 240px; display: inline-block; vertical-align: top; height: 180px; 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; }
.fotos ul li .avatar { cursor: pointer; background-color: #00368a; width: 240px; height: 180px; position: relative; overflow: hidden; }
.fotos ul li .avatar img { width: 240px; height: 180px; -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; }
.fotos 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); }
.fotos #p0 { background-image: url(../imagens/seta-esquerda-col.png);background-repeat: no-repeat; background-size: 22px auto; background-position: center left; outline:none; position: absolute; left: 50%; margin-top: 90px; margin-left: -530px; z-index:550; width:25px; height:25px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.fotos #p0:hover { background-size: 25px auto; }
.fotos #n0 { background-image: url(../imagens/seta-direita-col.png);background-repeat: no-repeat; background-size: 22px auto; background-position: center right; outline:none; position: absolute; right: 50%; margin-top: 90px; margin-right: -530px; z-index:550; width:25px; height:25px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.fotos #n0:hover { background-size: 25px auto; }

/*TEXTOS*/
.textos { width: 100%; height: auto; position: relative; clear: both; padding: 50px 0px; }
.textos ul { width: 100%; height: auto; text-align: center; position: relative; clear: both; margin: 0px; }
.textos ul li.missao { cursor: default; background-image: url(../imagens/ico-missao.png); }
.textos ul li.visao { cursor: default; background-image: url(../imagens/ico-visao.png); }
.textos ul li.valores { cursor: default; background-image: url(../imagens/ico-valores.png); }
.textos ul li { cursor: default; background-repeat: no-repeat; background-size: 70px auto; background-position: center top; margin: 5px 10px 0px 10px; width: 280px; color: #68696b; font-size: 13px; text-align: center; font-family: 'Montserrat'; line-height: 24px; font-weight: 300; display: inline-block; vertical-align: top; height: auto; position: relative; text-align: center; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 80px 0px 30px 0px; }
.textos ul li p { width: 100%; height: auto; text-transform: uppercase; letter-spacing: 3px; text-align: center; font-family: 'Montserrat'; line-height: 14px; color: #2169ed; font-size: 12px; font-weight: 600; padding-bottom: 10px;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.textos ul li:hover { margin-top: 0px; color: #2169ed; }
.textos ul li:hover p { padding-top: 5px; }

/*PARCEIROS*/
.parceiros { background-color: #2c2c2c; width: 100%; height: auto; position: relative; clear: both; padding: 0px; text-align: center; }
.parceiros .titulo { width: 180px; 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'; }
.parceiros .marcas { width: 785px; display: inline-block; vertical-align: top; position: relative; height: auto; margin-left: 30px; }
.parceiros .marcas ul { width: 785px; height: auto; text-align: center; position: relative; display: inline-block; vertical-align: top; margin: 85px 24px; }
.parceiros .marcas ul li { margin: 0px 5px; width: 100px; display: inline-block; vertical-align: top; height: 100px; 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; }
.parceiros .marcas ul li .avatar { cursor: pointer; width: 100px; height: 100px; position: relative; overflow: hidden; }
.parceiros .marcas ul li .avatar img { width: 100px; height: 100px; -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; }
.parceiros .marcas 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); }
.parceiros .marcas #p1 { background-image: url(../imagens/seta-esquerda-col.png);background-repeat: no-repeat; background-size: 22px auto; background-position: center left; outline:none; position: absolute; left: 50%; margin-top: 123px; margin-left: -385px; z-index:550; width:25px; height:25px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.parceiros .marcas #p1:hover { background-size: 25px auto; }
.parceiros .marcas #n1 { background-image: url(../imagens/seta-direita-col.png);background-repeat: no-repeat; background-size: 22px auto; background-position: center right; outline:none; position: absolute; right: 50%; margin-top: 123px; margin-right: -460px; z-index:550; width:25px; height:25px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.parceiros .marcas #n1:hover { background-size: 25px auto; }

/*DEPOIMENTOS*/
.depoimentos { width: 100%; height: auto; min-height: 200px; position: relative; clear: both; padding: 30px 0px 50px 0px; text-align: center; }
.depoimentos .aspas { width: 320px; background: url(../imagens/aspas.png) no-repeat center left; display: inline-block; vertical-align: top; position: relative; color: #2169ed; line-height: 30px; font-size: 30px; text-align: right; padding: 95px 80px 75px 0px; font-weight: 700; font-family: 'Montserrat'; }
.depoimentos .reports { width: 600px; display: inline-block; vertical-align: top; position: relative; height: auto; margin-left: 30px; }
.depoimentos .reports ul { width: 600px; height: auto; text-align: center; position: relative; display: inline-block; vertical-align: top; margin: 25px 0px 0px 0px; }
.depoimentos .reports ul li { margin: 0px; width: 600px; display: inline-block; vertical-align: top; height: 200px; 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; color: #68696b; font-size: 13px; text-align: left; font-family: 'Montserrat'; line-height: 24px; font-weight: 400; }
.depoimentos .reports ul li .sobre { width: 100%; height: auto; text-transform: uppercase; position: relative; clear: both; color: #68696b; font-size: 13px; text-align: right; font-family: 'Montserrat'; line-height: 24px; font-weight: 400; }
.depoimentos .reports ul li .sobre p { color: #2169ed; font-weight: 600; text-transform: uppercase; }
.depoimentos .reports #pager { width: 100%; height: auto; position: relative; text-align: center; }
.depoimentos .reports .bullet-padrao a { position: relative; text-indent:-9999px; float: left; width:7px; height:7px; background-color:#c2c2d4; margin: 0px 2.5px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.depoimentos .reports .bullet-padrao a.selected { text-indent:-9999px; float: left; position: relative; background-color:#2169ed;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 7px; height: 7px; }

/*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-left: 3%; padding-right: 3%; min-height: auto; background:url(../imagens/espaco.png); }
	.sobre .titulo { display: none; }
	.sobre .video { width: 340px; padding-top: 15px; }
	.sobre .video .avatar { cursor: pointer; width: 340px; background-color: #ffffff; height: 240px; }
	.sobre .video .avatar .play, .sobre .video .avatar img  { width: 340px; height: 240px; }
	.sobre .institucional { width: 100%; height: auto; position: relative; text-align: center; }
	.sobre .institucional .chamas { width: 100%; padding: 0px; }
	.sobre .institucional .chamas .titulo { text-align: center; padding: 40px 0px 30px 0px; }
	.sobre .institucional .chamas .intro { text-align: center; padding-top: 25px; }
	.sobre .institucional .conteudo { text-align: center; width: 100%; height: auto !important; color: #68696b; max-height: inherit !important; padding: 15px 0px; }

	.fotos { padding: 40px 0px; }
	.fotos ul { margin: 0px; text-align: center; }
	.fotos ul li { width: 160px; margin: 0px; display: inline-block; vertical-align: top; height: 120px; }
	.fotos ul li .avatar { width: 160px; height: 120px; }
	.fotos ul li .avatar img { width: 160px; height: 120px; }
	.fotos #p0, .fotos #n0 { display: none; }

	.textos { width: 94%; padding: 50px 3%; }
	.textos ul li { cursor: pointer; background-repeat: no-repeat; background-size: 70px auto; background-position: center top; margin: 5px 10px 0px 10px; width: 280px; color: #68696b; font-size: 13px; text-align: center; font-family: 'Montserrat'; line-height: 24px; font-weight: 300; display: inline-block; vertical-align: top; height: auto; position: relative; text-align: center; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 80px 0px 30px 0px; }
	.textos ul li p { width: 100%; height: auto; text-transform: uppercase; letter-spacing: 3px; text-align: center; font-family: 'Montserrat'; line-height: 14px; color: #2169ed; font-size: 12px; font-weight: 600; padding-bottom: 10px;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

	.parceiros { width: 94%; height: auto; padding: 0px 3%; }
	.parceiros .titulo { width: 100%; text-align: center; padding: 40px 0px; }
	.parceiros .marcas { width: 100%; margin-left: 0px; }
	.parceiros .marcas ul { margin: 20px 0px; width: 100%; height: auto; }
	.parceiros .marcas #p1, .parceiros .marcas #n1 { display: none; }

	.depoimentos { width: 100%; text-align: center; }
	.depoimentos .aspas { width: 320px; display: inline-block; }
	.depoimentos .reports { width: 94%; margin-left: 0px; padding: 0px 3%; }
	.depoimentos .reports ul { width: 100%; height: auto; text-align: center; }
	.depoimentos .reports ul li { margin: 0px 0px 30px 0px; width: 100%; height: auto; text-align: center; }
	.depoimentos .reports ul li .sobre { text-align: center; }
	.depoimentos .reports #pager { display: none; }
}