/* HOME */
.banner{width:100%; height:650px; left: 0; top: 0; position: relative; background-image: url(../imagens/hero.jpg); background-repeat: no-repeat; background-position: center center; background-color: #504e50; }
.banner .esquerda { position: relative; margin: 240px 0px 0px 180px; width: 500px; height: auto; float: left; }
.banner .esquerda .cta-titulo { width: 300px; font-size: 70px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 800; text-align: left; line-height: 70px; }
.banner .esquerda .cta-introducao { font-size: 16px; font-family: 'Mukta Mahee'; font-weight: 200; color: #ffffff; text-align: left; line-height: 20px; }

/* SERVIÇOS */
.work { width: 100%; height: auto; position: relative; clear: both; background: #f8f7f3 url(../imagens/divisa.png) repeat-y center top; text-align: center; }
.work ul { width: 90%; height: auto; position: relative; display: inline-block; margin: -54px 0px 0px 0px; }
.work ul li { width: 270px; text-align: center; height: auto; display: inline-block; vertical-align: top; position: relative; overflow: hidden; }
.work ul li .icone_servico { width: 30px; height:30px; position: absolute; display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position:center; top: 40px; }
.work ul li .area { width: 100%; font-family: 'Mukta Mahee'; font-size: 24px; font-weight: 800; color: #504e50; }
.work ul li p { width: 100%; font-family: 'Mukta Mahee'; font-size: 16px; line-height: 24px; font-weight: 200; color: #d3970d; }
.work ul li:nth-child(1) { background-image: url(../imagens/w1.png); background-repeat: no-repeat; padding: 70px 50px 40px 50px;  border: 1px solid #f2f1ec; background-color: #ffffff; margin-top: 0px !important; }
.work ul li:nth-child(2) { background-image: url(../imagens/w2.png); background-repeat: no-repeat; padding: 70px 50px 0px 50px; margin-top: 50px !important; }
.work ul li:nth-child(3) { background-image: url(../imagens/w1.png); background-repeat: no-repeat; padding: 70px 50px 0px 50px; }
.work ul li .area { width: 100%; font-family: 'Mukta Mahee'; font-size: 24px; font-weight: 800; color: #504e50; text-align:left; }
.work ul li p { width: 100%; font-family: 'Mukta Mahee'; font-size: 16px; line-height: 24px; font-weight: 200; color: #d3970d; text-align:left; }
.work ul li:nth-child(4) { background-image: url(../imagens/w2.png); background-repeat: no-repeat; padding: 70px 50px 40px 50px; border: 1px solid #f2f1ec; background-color: #ffffff; }
.work ul li:nth-child(5) { background-image: url(../imagens/w1.png); background-repeat: no-repeat; padding: 70px 50px 40px 50px; border: 1px solid #f2f1ec; background-color: #ffffff; }
.work ul li:nth-child(6) { background-image: url(../imagens/w2.png); background-repeat: no-repeat; padding: 70px 50px 0px 50px; }
.work ul li:nth-child(even) .icone_servico { left: 22px; }
.work ul li:nth-child(even) { background-position: 100px 35px; margin: 0px 50px 100px 50px; }
.work ul li:nth-child(odd) .icone_servico { right: 45px; }
.work ul li:nth-child(odd) { text-align:right; background-position: 50px 35px; margin: 0px 50px 100px 50px; }
.work ul li:nth-child(odd) .area,
.work ul li:nth-child(odd) p { text-align: right; }

/*LANGUAGE*/
.language { width: 100%; height: 315px; background: url(../imagens/fundo-language.jpg) no-repeat center center; position: relative; clear: both; }
.language .titulo { padding: 85px 0px 0px 15%; width: 42%; font-size: 70px; line-height: 70px; font-family: 'Mukta Mahee'; color: #504e50; font-weight: 800; text-align: right; float: left; }
.language .introducao { padding: 115px 0px 0px 0px; float: right; width: 41%; font-size: 16px; font-family: 'Mukta Mahee'; color: #504e50; font-weight: 300; text-align: left; }
.language .introducao strong, .language .introducao b { font-weight: 800; }

/*CONTAINER*/
.container { width: 100%; position: relative; clear: both; text-align: center; height: auto; background: #f8f7f3 url(../imagens/bar-direita.png) no-repeat center 128px; }
.container .informacoes { margin-left: 175px; width: 350px; height: auto; float: left; }
.container .informacoes .titulo { width: 100%; height: auto; padding-top: 70px; font-size: 70px; font-family: 'Mukta Mahee'; color: #504e50; font-weight: 800; text-align: left; }
.container .informacoes .contexto { width: 100%; height: auto; font-size: 16px; font-family: 'Mukta Mahee'; color: #504e50; font-weight: 300; text-align: left;  }
.container .informacoes .contexto p { font-weight: 700; font-size: 24px; line-height: 30px; padding-bottom: 20px;  }
.container .imagem { width: 651px; height: auto; position: absolute; left: 50%; margin-left: -185px; margin-top: -12px; }

/*MARCAS*/
.container .marcas { width: 1000px; display: inline-block; height: auto; position: relative; margin: 60px 0px; background: #ffffff url(../imagens/fundo-marcas.png) no-repeat center top; clear: both; }
.container .marcas .titulo { width: 100%; height: auto; padding-top: 75px; font-size: 24px; font-family: 'Mukta Mahee'; color: #d3970d; font-weight: 800; text-align: center; }
.container .marcas ul { width: 100%; height: auto; position: relative; clear: both; padding: 30px 0px 30px 0px; list-style: none; text-align: center; }
.container .marcas ul li { width: 180px; height: 70px; margin: 40px 25px; display: inline-block; }
.container .marcas ul li img { width: 180px; height: auto; -ms-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -webkit-filter: grayscale(1); opacity: 0.6; }
.container .marcas ul li img:hover { -ms-filter: initial; -moz-filter: initial; -o-filter: initial; -webkit-filter: initial; opacity: 1; }

/* JOBS */
.jobs { width: 100%; height: 691px; background: url(../imagens/fundo-carreiras.jpg) no-repeat center top; position: relative; clear: both; }
.jobs .infos { width: 290px; float: left; height: auto; margin: 70px 0px 0px 185px; }
.jobs .infos .titulo { width: 300px; font-size: 70px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 800; text-align: left; line-height: 70px; }
.jobs .infos .introducao { font-size: 16px; font-family: 'Mukta Mahee'; font-weight: 200; color: #ffffff; text-align: left; line-height: 20px; }
.jobs .vagas { width: 360px; margin: 90px 100px 0px 0px; height: auto; background: url(../imagens/bar-carreiras.png) no-repeat center top; position: relative; float: right; }
.jobs .vagas .protecao { width: 340px; height: 78px; background: url(../imagens/mascara-jobs.png) no-repeat center center; position: absolute; z-index: 1; margin: 425px 0px 0px 0px; }
.jobs .vagas ul { width: 100%; list-style: none; height: auto; margin-top: 20px; padding-bottom: 30px; position: relative; overflow: hidden; height: 450px; }
.jobs .vagas ul li { width: 85%; height: auto; padding: 10px 0px 30px 0px; border-bottom: #696969 1px solid;  }
.jobs .vagas ul li h2 { width: 100%; height: auto; padding-top: 18px; font-size: 24px; line-height: 26px; font-family: 'Mukta Mahee'; padding-bottom: 13px; color: #ffffff; font-weight: 700; text-align: left; }
.jobs .vagas ul li h3 { width: 100%; height: auto; font-size: 16px; line-height: 20px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 300; text-align: left;  }
.jobs .vagas ul li .cta { width: 130px; cursor: pointer; font-size: 14px; line-height: 14px; background-color: #d3970d; padding: 10px 0px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 300; text-align: center; }
.jobs .vagas ul li .cta .arrow { position: absolute; background: url(../imagens/arrow.png) no-repeat center center; width: 25px; height: 10px; margin: 2px 0px 0px 118px; }
.jobs .vagas ul li .cta:hover { background-color: #ba8306; }
.jobs .vagas ul li .cta:hover .arrow { margin: 2px 0px 0px 115px; }
.jobs .vagas .apply { display: none; width: 300px; height: auto; position: absolute; z-index: 10; background-color: #ffffff; padding: 30px 30px 50px 30px; }
.jobs .vagas .apply .titulo { width: 300px; font-size: 24px; font-family: 'Mukta Mahee'; color: #d3970d; font-weight: 700; text-align: left; line-height: 24px; padding: 10px 0px 25px 0px; }
.jobs .vagas .apply .close { position: absolute; background: url(../imagens/close.png) no-repeat center center; width: 11px; height: 11px; margin: 23px 0px 0px 285px; }
.jobs .vagas .apply #formulario { width: 100%; height: auto; position: relative; clear: both; padding-top: 10px; }
.jobs .vagas .apply #formulario .linha,
.jobs .vagas .apply #formulario .linha2 { width: 100%; height: auto; position: relative; clear: both; }
.jobs .vagas .apply #formulario .linha .label { width: 60px; line-height: 50px; margin: 5px 0px; height: 50px; float: left; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 700; text-align: right; }
.jobs .vagas .apply #formulario .linha input[type=text] { margin-left: 15px; width: 170px; padding: 0px 10px; height: 50px; float: left; background-color: #ffffff; border: 1px solid #a6a6a6; }
.jobs .vagas .apply #formulario .linha2 .arquivo { cursor: pointer; width: 90px; line-height: 50px; height: 50px; float: right; text-decoration: underline; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 300; text-align: left; }
.jobs .vagas .apply #formulario .linha2 .label { width: 60px; line-height: 50px; margin: 5px 0px; height: 50px; float: left; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 700; text-align: right; }
.jobs .vagas .apply #formulario .linha2 input[type=text] { z-index: 100; margin-left: 15px; width: 95px; padding: 0px 10px; height: 50px; float: left; background-color: #ffffff; border: 1px solid #a6a6a6; }
.jobs .vagas .apply .ctaapply { width: 150px; z-index: 100; cursor: pointer; font-size: 14px; line-height: 14px; background-color: #d3970d; padding: 15px 0px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 300; text-align: center; margin: 0 auto; }
.jobs .vagas .apply .ctaapply .arrow { position: absolute; background: url(../imagens/arrow-right.png) no-repeat center center; width: 25px; height: 10px; margin: 2px 0px 0px 138px; }
.jobs .vagas .apply .ctaapply:hover { background-color: #ba8306; }
.jobs .vagas .apply .ctaapply:hover .arrow { margin: 2px 0px 0px 135px; }

.jobs .vagas .apply #formulario .linha2 .arquivo [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

@media screen and (max-width: 1150px) {
	.banner{width:100%; height:450px; background-image: url(../imagens/hero2.jpg); background-repeat: no-repeat; background-position:center center; background-size: auto 100%; }
	.banner .esquerda { position: absolute; z-index: 10; margin: 0px; padding: 130px 10% 0px 10%; width: 80%; height: auto; float: none; }
	.banner .esquerda .cta-titulo { width: 100%; font-size: 70px; text-align: center; line-height: 70px; }
	.banner .esquerda .cta-introducao { font-size: 18px; text-align: center; line-height: 26px; }

	/* SERVIÇOS */
	.work { width: 100%; background: #f8f7f3 url(../imagens/espaco.png); }
	.work ul { width: 360px; height: auto; position: relative; float: none; }
	.work ul.um { width: 360px; margin: -55px 0px 0px 0px; text-align: center; }
	.work ul li { width: 270px; text-align: center; height: auto; float: none; display: inline-block; position: relative; overflow: hidden; margin: 0px 0px 30px 0px !important; padding: 70px 40px 40px 40px !important;  border: 1px solid #f2f1ec; background-color: #ffffff; }
	.work ul li:nth-child(2) { margin-top: 0px !important }

	/*LANGUAGE*/
	.language { width: 94%; padding: 0px 3%; height: auto; background: #ffffff url(../imagens/espaco.png) no-repeat center center; position: relative; clear: both; }
	.language .titulo { padding: 50px 0px; width: 100%; font-size: 55px; line-height: 50px; text-align: center; float: none; }
	.language .introducao { padding: 0px 0px 50px 0px; float: none; width: 100%;font-size: 18px; line-height: 26px; text-align: center; }

	/*CONTAINER*/
	.container { width: 94%; padding: 0px 3%; background: #f8f7f3 url(../imagens/fundo-marcas.png) no-repeat center top; text-align: center; }
	.container .informacoes { margin-left: inherit; width: 100%; height: auto; float: none; }
	.container .informacoes .titulo, .container .informacoes .contexto { text-align: center;  }
	.container .informacoes .contexto p { text-align: center;font-size: 18px; line-height: 26px;  }
	.container .imagem { width: 100% !important; height: auto; position: relative; left: inherit; margin-left: inherit; margin-top: 20px; }

	/*MARCAS*/
	.container .marcas { width: 100%; }
	.container .marcas ul { width: 94%; padding: 30px 3%; }
	.container .marcas ul li { width: 180px; height: 70px; margin: 20px 15px; display: inline-block; }

	/* JOBS */
	.jobs { width: 100%; height: auto; background: url(../imagens/carreiras-mobile.jpg) no-repeat center top; position: relative; clear: both; }
	.jobs .infos { width: 80%; float: none; height: auto; margin: 0px 10%; padding: 80px 0px; }
	.jobs .infos .titulo { width: 100%; text-align: center; }
	.jobs .infos .introducao { text-align: center;font-size: 18px; line-height: 26px; }
	.jobs .vagas { width: 100%; margin: 0px; padding: 35px 0px; height: auto; background: #504e50 url(../imagens/espaco.png) no-repeat center top; position: relative; float: none; }
	.jobs .vagas .protecao { display: none; }
	.jobs .vagas ul { width: 100%; list-style: none; height: auto; margin-top: inherit; padding: 0px 0px 30px 0px; position: relative; overflow: auto; height: auto; }
	.jobs .vagas ul li { width: 80%; height: auto; padding: 10px 10% 30px 10%; }
	.jobs .vagas ul li h2 { width: 100%; text-align:center; }
	.jobs .vagas ul li h3 { width: 100%; text-align:center;font-size: 18px; line-height: 26px; }
	.jobs .vagas ul li .cta { margin: 0 auto; }
	.jobs .vagas ul li:last-child { border-bottom: #504e50 1px solid; }
	.jobs .vagas .apply { display: none; width: 300px; height: auto; top: 60px; left: 50%; margin-left: -170px; position: fixed; z-index: 10; background-color: #ffffff; padding: 20px 20px 50px 20px; }
	.jobs .vagas .apply .close { margin: 20px 0px 0px 270px; }
	.jobs .vagas .apply #formulario .linha .label { width: 60px; line-height: 37px; margin: 5px 0px; height: 37px; float: left; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 700; text-align: right; }
	.jobs .vagas .apply #formulario .linha input[type=text] { margin-left: 15px; width: 170px; padding: 0px 10px; height: 37px; float: left; background-color: #ffffff; border: 1px solid #a6a6a6; }
	.jobs .vagas .apply #formulario .linha2 .arquivo { width: 90px; line-height: 37px; height: 37px; float: right; text-decoration: underline; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 300; text-align: left; }
	.jobs .vagas .apply #formulario .linha2 .label { width: 60px; line-height: 37px; margin: 5px 0px; height: 37px; float: left; color: #585858; font-family: 'Mukta Mahee'; font-size: 12px; font-weight: 700; text-align: right; }
	.jobs .vagas .apply #formulario .linha2 input[type=text] { margin-left: 15px; width: 95px; padding: 0px 10px; height: 37px; float: left; background-color: #ffffff; border: 1px solid #a6a6a6; }
	.jobs .vagas .apply .ctaapply { width: 150px; cursor: pointer; font-size: 14px; line-height: 14px; background-color: #d3970d; padding: 15px 0px; font-family: 'Mukta Mahee'; color: #ffffff; font-weight: 300; text-align: center; margin: 0 auto; }
	.jobs .vagas .apply .ctaapply .arrow { position: absolute; background: url(../imagens/arrow-right.png) no-repeat center center; width: 25px; height: 10px; margin: 2px 0px 0px 138px; }
	.jobs .vagas .apply .ctaapply:hover { background-color: #ba8306; }
	.jobs .vagas .apply .ctaapply:hover .arrow { margin: 2px 0px 0px 135px; }
}