/* BANNER HOME */
.banner{width:2000px; height:700px; left: 50%; margin-left: -1000px; position: relative; }
.banner .slider{ width:2000px; height:700px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:700px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:700px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; background-color: #010101; }
.banner .sliderContent .mascara-banner { width: 100%; height:700px; position: absolute; z-index: 100; background:url(../imagens/degrade-banner.png) repeat-x center top; }

.sliderArrows a { display:block; text-indent:-9999px; z-index: 100; outline:none; z-index:550; width:20px; height:20px; overflow: hidden; position:absolute; top:360px;-moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.prev { background-image:url(../imagens/seta-esquerda-col-branco.png); background-size: 20px auto; background-repeat: no-repeat; background-position:center center; left:50%; margin-left: -550px; } 
.next { background-image:url(../imagens/seta-direita-col-branco.png); background-size: 20px auto; background-repeat: no-repeat; right:50%; background-position: center center;  margin-right: -550px; }

/*MODAL*/
.modal_pais { width: 400px; height: 220px; background-color: rgba(255,255,255,1); padding: 25px; position: fixed; z-index: 9001; top: 50%; left: 50%; margin: -135px 0px 0px -225px;  -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal_pais .titulo_modal { width: 100%; height: auto; color: #2169ed; line-height: 20px; font-size: 20px; text-align: center; padding: 5px 0px 10px 0px; font-weight: 700; font-family: 'Montserrat'; }
.modal_pais .campos { width: 100%; height: auto; position: relative; margin: 10px 0px; text-align: center; }
.modal_pais .campos input[type=text] { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 14px 10px; font-size: 16px; line-height: 16px; font-family: 'Montserrat'; font-weight: 400; color: #000000; text-align: center; height: auto; background-color: #dedede; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.modal_pais .campos .autocomplete { display: none; cursor: pointer; position: absolute; padding: 0px; background-color: #2169ed; height: 40px; overflow: hidden; width: 400px; border-bottom: 1px solid #3986fe; margin: 0px; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9002; }
.modal_pais .campos .autocomplete ol { width: 100%; height: auto; list-style-type: none; }
.modal_pais .campos .autocomplete ol p { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 10px 10px !important; font-size: 14px; line-height: 14px; font-family: 'Montserrat'; font-weight: 400; color: #ffffff; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.modal_pais .campos .autocomplete ol p:hover { background-color: #2169ed !important; }
.modal_pais .campos .label_idiomas { width: 100%; height: auto; position: relative; font-size: 16px; line-height: 16px; font-family: 'Montserrat'; font-weight: 400; color: #000000; padding: 5px 0px 10px 0px; }
.modal_pais .campos .opcoes_idiomas { width: 100%; height: auto; position: relative; text-align: center; }
.modal_pais .campos .opcoes_idiomas p { width: auto; padding: 8px 9px !important; font-size: 16px; line-height: 16px; font-family: 'Montserrat'; font-weight: 400; color: #888888; border: 1px solid #888888; margin: 0px 5px; display: inline-block; vertical-align: top; text-align: center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.modal_pais .campos .opcoes_idiomas p:hover, .modal_pais .campos .opcoes_idiomas p.ativo { background-color: #2169ed !important; border: 1px solid #2169ed; color: #ffffff; }
.modal_pais .campos .define_selecao { cursor: pointer; width: auto; padding: 15px 20px; border: 1px solid #ffffff; display: inline-block; letter-spacing: 2px; font-size: 14px; line-height: 14px; font-family: 'Montserrat'; font-weight: 600; color: #ffffff; text-align: center; height: auto; background-color: #2169ed;  -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 4px; }
.modal_pais .campos .define_selecao:hover { border: 1px solid #2169ed; color: #2169ed; background-color: #ffffff; }
.fundo_modal_pais { background-color: rgba(0,54,138,0.9); width: 100%; height: 100% !important; position: fixed; z-index: 9000; top: 0px; left: 0px; }

/*SOBRE*/
.sobre { width: 100%; height: auto; background:url(../imagens/bg-intro-global.png) no-repeat center top; position: relative; clear: both; padding: 10px 0px; text-align: center; }
.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 .textos { width: 500px; display: inline-block; vertical-align: top; height: auto; position: relative; }
.sobre .textos ul { width: 100%; height: auto; text-align: center; position: relative; clear: both; margin: 0px; }
.sobre .textos ul li .missao { cursor: default; background-image: url(../imagens/ico-missao.png); }
.sobre .textos ul li .visao { cursor: default; background-image: url(../imagens/ico-visao.png); }
.sobre .textos ul li .valores { cursor: default; background-image: url(../imagens/ico-valores.png); }
.sobre .textos ul li { cursor: default; border: 1px solid rgba(0,0,0,0);  margin: 8px 0px; width: 460px; display: inline-block; text-align: center; 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: 25px 20px 25px 20px; }
.sobre .textos ul li .qual { width: 110px; height: 80px; position: relative; display: inline-block; vertical-align: top; }
.sobre .textos ul li .qual .icone { width: 100%; height: 80px; background-repeat: no-repeat; background-size: 70px auto; background-position: center center; }
.sobre .textos ul li .qual 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; }
.sobre .textos ul li .infos { width: 290px; display: inline-block; vertical-align: top; color: #68696b; font-size: 13px; text-align: left; font-family: 'Montserrat'; line-height: 24px; font-weight: 300; padding: 0px 0px 0px 50px; }
.sobre .textos ul li.ativado, .sobre .textos ul li:hover { color: #2169ed; border: 1px solid #2169ed; }
.sobre .institucional { width: 400px; margin: 0px 125px 40px 0px; display: inline-block; vertical-align: top; height: auto; position: relative; }
.sobre .institucional .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 { color: #68696b; font-size: 13px; text-align: left; font-family: 'Montserrat'; line-height: 22px; width: 100%; height: auto; font-weight: 400; }
.sobre .video { width: 700px; display: inline-block; vertical-align: top; height: auto; position: relative; padding-top: 35px; }
.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; }

/*FOTOS*/
.fotos { width: 100%; height: auto; position: relative; clear: both; padding: 60px 0px 40px 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; }

/*FAZEMOS*/
.fazemos { width: 100%; height: auto; background:url(../imagens/pattern.jpg) repeat center top; position: relative; clear: both; padding: 0px; }
.fazemos .titulo { width: 100%; color: #ffffff; background:url(../imagens/fundo-fazemos.png) no-repeat center top; line-height: 30px; font-size: 30px; text-align: left; padding: 80px 0px 30px 0px; font-weight: 700; font-family: 'Montserrat'; }
.fazemos .titulo .botao { width: auto; height: auto; padding: 3px 9px 3px 14px; background-color: #2169ed; border: 1px solid #2169ed; color: #ffffff; font-size: 10px; font-family: 'Montserrat'; font-weight: 400; line-height: 10px; letter-spacing: 2px; display: inline; margin: 0px 0px 0px 15px; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.fazemos .titulo .botao:hover { background-color: #00368a; }
.fazemos .categorias { width: 100%; height: auto; position: relative; clear: both; }
.fazemos .categorias ul { width: 100%; height: auto; text-align: center; position: relative; clear: both; }
.fazemos .categorias ul li { cursor: pointer; width: 250px; display: inline-block; vertical-align: top; height: 460px; 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; }
.fazemos .categorias ul li .tag { background-color: #00368a; text-transform: uppercase; width: 94%; height: auto; padding: 0px 3%; text-align: center; color: #ffffff; font-size: 12px; letter-spacing: 3px; font-family: 'Montserrat'; line-height: 18px; font-weight: 600; }
.fazemos .categorias ul li .avatar { cursor: pointer; background-color: #00368a; width: 250px; height: 320px; position: relative; overflow: hidden; }
.fazemos .categorias ul li .avatar img { width: 250px; height: 320px; -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; }
.fazemos .categorias ul li.c1 .tag { background-color: #2169ed !important; }
.fazemos .categorias ul li.c2 .tag { background-color: #2169ed !important; }
.fazemos .categorias 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); }
.fazemos .categorias ul li:hover .tag { background-color: #003c99 !important; }

/*CATALOGO*/
.catalogo { widows: 100%; height: 350px; position: relative; text-align: center; clear: both; background-image: url(../imagens/fundo-catalogo.jpg); background-repeat: no-repeat; background-size: auto 350px; background-position: center center; }
.catalogo .titulo { width: 550px; display: inline-block; color: #ffffff; line-height: 30px; font-size: 30px; text-align: center; padding: 150px 0px 30px 0px; font-weight: 700; font-family: 'Montserrat'; }
.catalogo .titulo .botao { width: auto; height: auto; padding: 3px 9px 3px 14px; background-color: #2169ed; border: 1px solid #2169ed; color: #ffffff; font-size: 10px; font-family: 'Montserrat'; font-weight: 400; line-height: 10px; letter-spacing: 2px; display: inline; margin: 0px 0px 0px 15px; -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.catalogo:hover { background-size: auto 370px; }
.catalogo:hover .botao { background-color: #00368a; }

/*DESTAQUES*/
.destaques { width: 100%; display: inline-block; background-color: #f3f3f9; 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: 0px; text-align: center; }
.destaques ul li { width: 200px; height: 420px; text-align: center; position: relative; clear: both; padding: 50px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px 45px; display: inline-block; }
.destaques ul li .nome { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; color: #2169ed; font-size: 12px; text-align: center; font-weight: 700; font-family: 'Montserrat'; line-height: 14px; height: auto; padding: 0px 80px 20px 0px; letter-spacing: 3px; text-transform: uppercase; }
.destaques ul li .contes { width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; color: #68696b; font-size: 13px; text-align: center; font-family: 'Montserrat'; line-height: 26px; height: auto; font-weight: 400; }
.destaques ul li .avatar { cursor: pointer; width: 100%; text-align: center; display: inline-block; height: 90px; position: relative; overflow: hidden; }
.destaques ul li .avatar img { width: 90px; height: 90px; }
.destaques ul li:hover { background-color: #ffffff; }

/*MAPA RODAPÉ*/
.mapa { width: 60%; text-align: center; padding: 0px 0px 30px 0px; margin: 0px 20%; height: auto; position: relative; }
.mapa .subtag { width: auto; position: relative; clear: both; font-family: 'Montserrat'; color: #ffffff; font-weight: 400; text-align: left; font-size: 14px; line-height: 26px; padding: 5px 0px 20px 0px; }
.mapa .subtag .como-chegar { width: 125px; height: auto; clear: both; text-align: center; color: #ffffff; background-color: #2169ed; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px 0px; font-size: 12px; font-family: 'Montserrat'; line-height: 20px; font-weight: 700; position: relative; float: right; }
.mapa .subtag .como-chegar:hover { color: #2169ed; background-color: #ffffff; }
.mapa .subtag #mapa { width: 100%; height: 220px; margin: 10px 0px 0px 0px; }

/*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) {
	.banner{width:1000px; height:420px; background-color: #2169ed; padding-top: 70px; left: 50%; margin-left: -500px; position: relative; }
	.banner .slider, .banner .sliderContent, .banner .sliderContent .item , .banner .sliderContent .item .mascara-banner { width:100%; height:350px; }
	.sliderArrows a { top:160px; }
	.prev { left: 10px; margin-left: inherit; } 
	.next { right: 10px; margin-right: inherit; }

	.modal_pais { width: 320px; padding: 25px 20px; top: 15px; left: 50%; margin: 0px 0px 0px -180px; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
	.modal_pais .titulo_modal { width: 100%; height: auto; color: #2169ed; line-height: 16px; font-size: 16px; text-align: center; padding: 5px 0px 10px 0px; font-weight: 700; font-family: 'Montserrat'; }

	.sobre { width: 94%; height: auto; background:url(../imagens/espaco.png); padding: 10px 3%; }
	.sobre .titulo { text-align: center; padding: 40px 0px 30px 0px; }
	.sobre .textos { width: 100%; }
	.sobre .textos ul li { margin: 8px 0px; width: 94%; padding: 0px 3% 25px 3%; }
	.sobre .textos ul li .qual { width: 100%; height: 110px !important; }
	.sobre .textos ul li .infos { width: 100%; padding-left: 0px; text-align: center; }
	.sobre .textos ul li.ativado, .sobre .textos ul li:hover { color: #68696b; border: 1px solid rgba(0,0,0,0); }
	.sobre .institucional { width: 100%; margin: 0px 0px 20px 0px; }
	.sobre .institucional .intro, .sobre .institucional .conteudo { text-align: center; }
	.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; }

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

	.fazemos { width: 94%; padding: 0px 3%; }
	.fazemos .titulo { color: #00368a; background:url(../imagens/espaco.png); text-align: center; padding: 40px 0px 30px 0px; }
	.fazemos .titulo .botao { display:  none; }
	.fazemos .categorias ul li { cursor: pointer; width: 160px; display: inline-block; vertical-align: top; height: 360px; }
	.fazemos .categorias ul li .tag { background-color: #00368a; text-transform: uppercase; width: 94%; height: auto; padding: 0px 3%; text-align: center; color: #ffffff; font-size: 12px; letter-spacing: 3px; font-family: 'Montserrat'; line-height: 18px; font-weight: 600; }
	.fazemos .categorias ul li .avatar { cursor: pointer; background-color: #00368a; width: 160px; height: 220px; position: relative; overflow: hidden; }
	.fazemos .categorias ul li .avatar img { width: 160px; height: 220px; }

	.catalogo { margin-top: 25px; }
	.catalogo .titulo { width: 350px; padding: 130px 0px 30px 0px; }

	.destaques ul li { height: auto; padding: 50px 0px; }

	.mapa { width: 90%; margin: 0px 5%; }
}