/* CSS Document */

@font-face {
  font-family: 'gotham-bold';
  src: url('../font/gotham-bold-webfont.eot');
  src: url('../font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/gotham-bold-webfont.woff2') format('woff2'), url('../font/gotham-bold-webfont.woff') format('woff'), url('../font/gotham-bold-webfont.ttf') format('truetype'), url('../font/gotham-bold-webfont.svg#gotham-bold-webfont') format('svg');
}
@font-face {
  font-family: 'gotham-light';
  src: url('../font/gotham-light-webfont.eot');
  src: url('../font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/gotham-light-webfont.woff2') format('woff2'), url('../font/gotham-light-webfont.woff') format('woff'), url('../font/gotham-light-webfont.ttf') format('truetype'), url('../font/gotham-light-webfont.svg#gotham-light-webfont') format('svg');
}

*{margin:0; padding:0;}
html, body{min-height: 100%; background-color:#111;}

section{width:100%; max-width:1920px; clear:both; margin:auto;}
.clear{clear:both;}

h1{text-indent:-2000px; overflow:hidden; background:url(../images/acredite-com-a-gente.png) no-repeat; width:424px; height:360px; position:relative; float:left; z-index:99;}
h2{position:relative; float:left; color:#fff; z-index:99; text-indent:-2000px; overflow:hidden; width:620px; height:150px; margin:150px auto 0px;} 

.home{height: 100%; width: 100%; min-height: 100%; overflow: hidden; position:relative;}
/*#video {min-height: 100%; min-width: 100%; height: auto !important; width: auto !important; position: relative; left: 0; top: 0; }*/

/*.social, .cases .contato{position: absolute}*/
.social{width:100%; height:auto;}
.social h2{background:url(../images/t-social.png) no-repeat;}
.social .item img{cursor:pointer;}
.social .item:hover{opacity:0.5;}

.cases{width:100%; height:auto;}
.cases h2{background:url(../images/t-cases.png) no-repeat;}
.cases .case .titulo{position:absolute; float:left; color:#fff; z-index:999; padding:5px; border:1px solid #fff; font-family: 'gotham-bold'; font-size:1.5em; text-transform:uppercase; line-height:1em;}
.cases .case .titulo span{font-family: 'gotham-light';}
.cases .case a:hover img{opacity:1;}
.cases .case img{width:100%; height:auto; opacity:0.3;}

.videocase{width:100%; max-height:480px; overflow:hidden;}
.videocase .video-js{width:1920px !important; height:480px !important;}

/* ========= */

.case .item{width:20%; float:left; position:relative; overflow:hidden;}
.social .case .item{width:25%; float:left; position:relative; overflow:hidden;}
.case .item a{cursor:pointer;}
.case .item .texto{display:block; width:90%; height:90%; padding:5%; color:#FFF; font-size:24px; background-color:#06F;}

@media (max-width: 1280px) {
.case .item{width:33.33%; float:left; position:relative; overflow:hidden;}	
}
@media (max-width: 990px) {
	.cases .case .titulo{font-size:1.4em;}
	
	/*.case .item{width:33.3%; float:left; position:relative; overflow:hidden;}	*/
	.videocase{max-height:320px;}
	h2{margin:85px auto 0px;}
}
@media (max-width: 680px) {
	.case .item{width:100%; position:relative; overflow:hidden;}
	.cases .case .titulo{font-size:3em;}
	.videocase{max-height:280px;}
	h2{margin:65px auto 0px;}
}
@media (max-width: 680px) {
	.social .case .item{width:50%; float:left; position:relative; overflow:hidden;}
}

.case .item .ico{width:100%; text-align:center; position:relative; margin-top:-240px; display:none;}
.case .item .ico img{width:200px !important; height:200px !important;}

/* ========= */

.clientes{background:#fff;}
.clientes h2{background:url(../images/t-clientes.png) no-repeat;}
.clientes .textcase{padding:80px 0px; text-align:center;}

.clientes .vert img, .clientes .hori img{width:100%; height:auto;}
.clientes .vert{display:none;}
.clientes .hori{display:block;}
@media (max-width: 1023px) {
	.clientes .vert{display:block;}
	.clientes .hori{display:none;}
}

.contato{width:100%; height:auto; background:#000;}
.contato h2{background:url(../images/t-contato.png) no-repeat;}
.contato .textcase{padding:60px 0px; text-align:center; color:#fff;}
.contato .redes{width:360px; margin:auto;}
.contato .redes a{display:block; float:left; margin:0px 20px; text-indent:-2000px; overflow:hidden; width:49px; height:51px; opacity:0.4;}
.contato .redes a.bt1{background:url(../images/ico-face.png) no-repeat;}
.contato .redes a.bt2{background:url(../images/ico-twitter.png) no-repeat;}
.contato .redes a.bt3{background:url(../images/ico-youtube.png) no-repeat;}
.contato .redes a.bt4{background:url(../images/ico-mail.png) no-repeat;}
.contato .redes a:hover{opacity:1;}
.contato p{padding-bottom:15px; padding-top:32px; clear:both; font-family: 'gotham-bold'; }
.contato p span{font-family: 'gotham-light';}
.contato p.ba{background:url(../images/ico-ba.png) no-repeat top center;}
.contato p.ma{background:url(../images/ico-ma.png) no-repeat top center;}
.contato p.rj{background:url(../images/ico-rj.png) no-repeat top center;}

article{background-color:#fff;}
article iframe{width:100% !important; height:490px;}
article h3{font-family: 'gotham-bold'; padding-bottom:15px;}
article img{width:100%; height:auto; margin-bottom:20px;}
.pp_description{font-family: 'gotham-bold' !important;}




.aberto{position:absolute; width:100%; height:500px; background:#0F0; left:0; box-sizing: content-box;}
.baixa{margin-top:500px;}

header{ width:100% !important; max-width:1920px !important; overflow:hidden;}
	
.nav-menu{background:#000; height:80px; position:fixed; top:0; left: 0; right: 0; z-index: 9999; display:none;}
.nav-menu .alinha{ width:100%; max-width:1228px; margin:auto;}
.nav-menu .logo{background:url(../images/logo.png) no-repeat; width:300px; height:80px; float:left;}
.nav-menu nav{float:right;} 
.nav-menu nav a{font-family: 'gotham-light'; text-transform:uppercase; display:block; float:left; margin:30px 45px; color:#FFF; text-decoration:none; cursor:pointer;}
.nav-menu nav a:hover{color:#f9b700;}
.nav-menu nav a.active{color:#f9b700;}

.nav-mobile{height:60px; position:fixed; top:0; z-index: 9999;}
.nav-mobile .logo{background:url(../images/logo.png) no-repeat; background-size: 150px 40px; width:150px; height:40px; float:left;}
.nav-mobile .alinha{ width:96%; margin:20px 2% 0px;}
.nav-mobile .open{ background:url(../images/open.png) no-repeat; background-size: 40px 36px; width:40px; height:36px; float:right; display:block;  cursor:pointer;}


.mobile-collapse nav{ background:#000; width:46%; padding:2%; position:fixed; z-index:99999; left:100%; height:96%;}
.mobile-collapse nav a{font-family: 'gotham-light'; text-transform:uppercase; display:block; font-size:16px; color:#fff; margin:5px 0px; cursor:pointer; font-weight:bold;}
.mobile-collapse nav a.bt{margin-top:25%;}
.mobile-collapse nav a:hover{color:#f9b700;}
.mobile-collapse nav .fechar{text-align:right; margin:0px; color:#fff; font-family: 'gotham-light'; font-size:20px; cursor:pointer; float:right;}

.mobile-collapse .redes{width:360px; margin-top:20px;}
.mobile-collapse .redes .linha{border-bottom:1px solid #333; width:80px; margin-bottom:15px;}
.mobile-collapse .redes a{display:block; float:left; margin:0px 5px; text-indent:-2000px; overflow:hidden; width:29px; height:30px; opacity:0.4; background-size:29px 30px !important;}
.mobile-collapse .redes a.bt1{background:url(../images/ico-face.png) no-repeat;}
.mobile-collapse .redes a.bt2{background:url(../images/ico-twitter.png) no-repeat;}
.mobile-collapse .redes a.bt3{background:url(../images/ico-youtube.png) no-repeat;}
.mobile-collapse .redes a.bt4{background:url(../images/ico-mail.png) no-repeat;}
.mobile-collapse .redes a:hover{opacity:1;}

@media (max-width: 1100px) {
	.nav-menu nav a{margin:30px 35px;}
}

/*
//
// ======== NOVOS TÍTULOS ==========
//
*/

/*h2{position:relative; float:left; color:#fff; z-index:99; text-indent:-2000px; overflow:hidden; width:620px; height:150px; margin:150px auto 0px;}*/
.titulo-mov{position:absolute; z-index:99; width:620px;}
.titulo-mov .tit2, .titulo-mov .tit1{width:620px; height:150px; position:absolute; opacity:0;}
.titulo-mov .tit2{margin-top:300px;}
.social .titulo-mov .tit1{background:url(../images/t-social1.png) no-repeat;}
.social .titulo-mov .tit2{background:url(../images/t-social2.png) no-repeat;}
.cases .titulo-mov .tit1{background:url(../images/t-cases1.png) no-repeat;}
.cases .titulo-mov .tit2{background:url(../images/t-cases2.png) no-repeat;}
.clientes .titulo-mov .tit1{background:url(../images/t-clientes1.png) no-repeat;}
.clientes .titulo-mov .tit2{background:url(../images/t-clientes2.png) no-repeat;}
.contato .titulo-mov .tit1{background:url(../images/t-contato1.png) no-repeat;}
.contato .titulo-mov .tit2{background:url(../images/t-contato2.png) no-repeat;}



@media (max-width: 990px) {
	.video-js, #video{display:none;}
	
	.gif{display:block; position:absolute; top:0px; width:100%; height:100%;}
	.gif img{height:100%; width:auto; position:absolute;}
	
	.gifint{width:100%; height:247px; overflow:hidden;}
	.gifint img{width:990px; height:auto; margin-top:-248px;}
	
	.nav-menu{display:none !important;}
	.nav-mobile{display:block !important;}
	
	.titulo-mov .tit1{margin-top:-50px;}
	.titulo-mov .tit2{margin-top:150px;}
}
@media (max-width: 620px) {
	.titulo-mov{width:300px;}
	.titulo-mov .tit2, .titulo-mov .tit1{width:300px; height:72px; background-size:300px 72px !important;}
	
	h1{width:300px; height:255px; background-size:300px 255px;}
}