* { padding: 0; margin: 0; }
li { list-style: none; }
a { text-decoration: none; color: inherit; }
/*
	-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;
	background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
*/

body { background: #ffffff; font-family: Arial; font-size: 12px; overflow-x: hidden; }

#geral { width: 100%; margin: 0 auto; height: 100%; position: relative; }
section { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 4; }
.wrapper-steps { width: 400%; height: 100%; position: relative; }

.none { display: none; }
.cover { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.overlay {
	background: #ffffff;
	position: absolute;
	top: 0px;
	left: -1px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.overlay img { position: absolute; top: 150px; left: 50%; margin: 0 0 0 -74px; }

nav.principal { position: fixed; top: 0; left: 0; z-index: 5; height: 100%; }
nav.principal .btn {
	width: 279px;
	height: 74px;
	display: block;
	float: left;
	position: relative;
}
nav.principal .btn-brain { background: url(../_img/btn-brain.jpg) no-repeat; z-index: 3; }
nav.principal .btn-menu { background: url(../_img/btn-menu.jpg) no-repeat; margin: 0 0 0 1px; z-index: 2; }
nav.principal .btn-menu-fechar { background: url(../_img/btn-menu-fechar.jpg) no-repeat; margin: 0 0 0 -86px; width: 60px; z-index: 1; }

.menu { background: #000000; width: 279px; height: 100%; position: absolute; top: 74px; left: -279px; }
.menu .intro { background: #febf2e; padding: 50px 25px; }
.menu .txt { background: url(../_img/txt-menu.png) no-repeat; width: 195px; height: 104px; display: block; text-indent: -9000px; margin: 0 0 50px 0; }
.menu .lnk-email { background: url(../_img/lnk-email.png) no-repeat; width: 167px; height: 28px; display: block; text-indent: -9000px; }
.menu .lnk-linkedin { background: url(../_img/lnk-linkedin.png) no-repeat; width: 167px; height: 28px; display: block; text-indent: -9000px; margin: 10px 0 0 0; }

.menu .social { padding: 25px 30px; }
.menu .social a { width: 36px; height: 36px; display: block; text-indent: -9000px; float: left; }
.menu .social .lnk-500px { background: url(../_img/ico-500px.png) no-repeat; margin-right: 45px; }
.menu .social .lnk-pinterest { background: url(../_img/ico-pinterest.png) no-repeat; margin-right: 45px; }
.menu .social .lnk-twitter { background: url(../_img/ico-twitter.png) no-repeat; }
.menu .social .fb-like { position: absolute; bottom: 30px; right: 20px; }

nav.secao-status { position: fixed; top: 50%; right: 15px; z-index: 5; margin-top: -80px; }
nav.secao-status span { background: url(../_img/seta.png) no-repeat; width: 27px; height: 24px; display: block; margin-top: -7px; position: relative; z-index: 1; }
nav.secao-status span.on { background: url(../_img/seta-on.png) no-repeat; z-index: 2; }

.paginacao span { background: url(../_img/pag.png) no-repeat; width: 10px; height: 10px; display: block; float: left; margin: 0 5px 0 0; }
.paginacao span.on { background: url(../_img/pag-on.png) no-repeat; }

.modalBg { background-color: #000; filter: alpha(opacity=70); opacity: 0.7; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; display: none; }
.modal { width: 970px; position: absolute; top: 0; left: 50%; margin-left: -485px; z-index: 101; display: none; }
.modal .btn-fechar { background: url(../_img/btn-fechar.png) no-repeat; width: 48px; height: 11px; display: block; position: absolute; top: 0; right: 50px; text-indent: -9000px; }
.modal .btn-anterior-gal { background: url(../_img/seta-esq.png) no-repeat center; width: 23px; height: 57px; display: block; position: absolute; top: 40%; left: 0; text-indent: -9000px; padding: 9px; }
.modal .btn-proximo-gal { background: url(../_img/seta-dir.png) no-repeat center; width: 23px; height: 57px; display: block; position: absolute; top: 40%; right: 0; text-indent: -9000px; padding: 9px; }
.modal .wrapper { width: 891px; position: relative; overflow: hidden; margin: 20px auto 0 auto; }
.modal .wrapper ul { width: 9999px; position: relative; }
.modal .wrapper li { width: 891px; float: left; }

.paginacao-gal { position: absolute; left: 50%; }
.paginacao-gal span { background: url(../_img/pag.png) no-repeat; width: 10px; height: 10px; display: block; float: left; margin: 0 5px 0 0; cursor: pointer; }
.paginacao-gal span.on { background: url(../_img/pag-on.png) no-repeat; }

.lst-case li { float: left; }

nav.destaques { position: fixed; top: 0; right: 0; z-index: 5; }
nav.destaques a { width: 86px; height: 74px; display: block; float: left; text-indent: -9000px; }
nav.destaques .btn-anterior { background: url(../_img/btn-anterior.jpg) no-repeat; }
nav.destaques .btn-proximo { background: url(../_img/btn-proximo.jpg) no-repeat; margin: 0 0 0 1px; }

/* Seção 1 */
.secao1 { height: 1081px; }
.secao1 .bg { background: url(../_img/bg.jpg) no-repeat center 0; width: 100%; height: 100%; }

.step { float: left; width: 100%; height: 100%; }

.secao1 .step { max-width: 100%; position: relative; }
.secao1 .step div { position: absolute; width: 100%; height: 100%; }
.secao1 .step div.layer { width: 900px; left: 50%; margin-left: -450px; z-index: 1; }
.secao1 .step div.persona { height: 120%; }

.secao1 .step1 {
	background-image: url(../_img/dest1-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.secao1 .step1 .persona { background: url(../_img/dest1-persona.png) no-repeat center 0; }
.secao1 .step1 .triangulo { background: url(../_img/6.gif) no-repeat center 20%; }
.secao1 .step1 .texto {
	background-image: url(../_img/dest1-texto.png);
	background-repeat: no-repeat;
	background-position: center 70%;
}


/* Seção 2 */
.secao2 { height: 1000px; }
.secao2 .paginacao { position: absolute; top: 55%; left: 50%; z-index: 5; }

.secao2 .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao2 .step .wrapper { position: relative; margin: 0 auto; }

.secao2 .step1 { background-image: url(../_img/bg-about1.jpg); display: block; }
.secao2 .step1 .wrapper { width: 520px; margin-top: 250px; }
.secao2 .step1 .txt1 { background: url(../_img/txt-communication.png) no-repeat; width: 497px; height: 41px; display: block; margin: 15px auto 0 auto; text-indent: -9000px; }
.secao2 .step1 .txt2 { background: url(../_img/tit-digital-art-director.png) no-repeat; width: 247px; height: 19px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }
.secao2 .step1 .fresh-brain { margin: 25px auto 0 auto; display: block; }
.secao2 .step1 .ano { background: url(../_img/ano-2001.png) no-repeat; width: 95px; height: 29px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }


/* Seção 3 */
.secao3 { height: 1000px; }
.secao3 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao3 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao3 header h2 { background: url(../_img/tit-secao3.png) no-repeat; width: 886px; height: 168px; display: block; text-indent: -9000px; }

.secao3 .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao3 .step .wrapper { position: relative; margin: 350px auto 0 auto; width: 780px; }

.secao3 .step1 { background-image: url(../_img/bg-case1A.jpg); display: block; }
.secao3 .step1 p { background: url(../_img/iff.png) no-repeat; width: 670px; height: 440px; display: block; text-indent: -9000px; } 

.secao3 .step2 { background-image: url(../_img/bg-case1B.jpg); }
.secao3 .step2 img { display: block; margin: 0 auto; position: relative; top: 25px; }

.secao3 .step3 { background-image: url(../_img/bg-case1C.jpg); }
.secao3 .step3 .wrapper { width: 296px; }
.secao3 .step3 .play { background: url(../_img/btn-play.png) no-repeat; width: 79px; height: 79px; display: block; top: 108px; left: 108px; position: relative; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.secao3 .step3 .play:after { content: ''; position: absolute; top: -6px; left: -6px; bottom: -6px; right: -6px; border-radius: 50%; border: 1px solid #fff; -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
.secao3 .step3 .play:before { content: ''; position: absolute; top: -14px; left: -14px; bottom: -14px; right: -14px; border-radius: 50%; border: 5px solid #fff; visibility: hidden; opacity: 0; -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }

.secao3 .step3 .play:hover:after { top: -15px; left: -15px; bottom: -15px; right: -15px; border: 5px solid #fff; visibility: hidden; opacity: 0; }
.secao3 .step3 .play .line { background: url(../_img/play-line.png) no-repeat; width: 296px; height: 294px; display: block; position: absolute; top: -108px; left: -108px; }

.modal-secao3 { padding-top: 20px; }
.modal-secao3 .video { background: url(../_img/bg-sombra.png) no-repeat bottom center; padding: 0 0 45px 45px; }

/* Seção 4 */
.secao4 { height: 1000px; }
.secao4 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao4 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao4 header h2 { background: url(../_img/tit-secao4.png) no-repeat; width: 888px; height: 168px; display: block; text-indent: -9000px; }

.secao4 .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao4 .step .wrapper { position: relative; margin: 375px auto 0 auto; }
						 
.secao4 .step1 { background-image: url(../_img/bg-case2A.jpg); display: block; }
.secao4 .step1 .wrapper {
	width: 580px;
}
.secao4 .step1 p { background: url(../_img/12.png) no-repeat; width: 800px; height: 400px; display: block; text-indent: -9000px; }
.secao4 .step1 img { margin: 50px 0 0 0; }

.secao4 .step2 { background-image: url(../_img/bg-case2B.jpg); }
.secao4 .step2 .wrapper { width: 921px; }

.modal-secao4 { top: 50px; }

/* Seção 5 */
.secao5 { height: 1000px; }
.secao5 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao5 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao5 header h2 { background: url(../_img/tit-secao5.png) no-repeat; width: 888px; height: 168px; display: block; text-indent: -9000px; }

.secao5 .step .wrapper { position: relative; margin: 375px auto 0 auto; }

.secao5 .step1 { background-image: url(../_img/bg-case3A.jpg); }
.secao5 .step1 .wrapper {
	width: 680px;
}
.secao5 .step1 p { background: url(../_img/served_by.png) no-repeat; width: 685px; height: 254px; display: block; text-indent: -9000px; }
.secao5 .step1 img { margin: 50px 0 0 0; }

.secao5 .step2 { background-image: url(../_img/bg-case3A.jpg); }
.secao5 .step2 .wrapper { width: 296px; }
.secao5 .step2 .play { background: url(../_img/btn-play.png) no-repeat; width: 79px; height: 79px; display: block; top: 108px; left: 108px; position: relative; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.secao5 .step2 .play:after { content: ''; position: absolute; top: -6px; left: -6px; bottom: -6px; right: -6px; border-radius: 50%; border: 1px solid #fff; -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }
.secao5 .step2 .play:before { content: ''; position: absolute; top: -14px; left: -14px; bottom: -14px; right: -14px; border-radius: 50%; border: 5px solid #fff; visibility: hidden; opacity: 0; -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); }

.secao5 .step2 .play:hover:after { top: -15px; left: -15px; bottom: -15px; right: -15px; border: 5px solid #fff; visibility: hidden; opacity: 0; }
.secao5 .step2 .play .line { background: url(../_img/play-line.png) no-repeat; width: 296px; height: 294px; display: block; position: absolute; top: -108px; left: -108px; }

.modal-secao5 { padding-top: 20px; }
.modal-secao5 .video { background: url(../_img/bg-sombra.png) no-repeat bottom center; padding: 0 0 45px 45px; }

/* Seção 6 */
.secao6 { height: 1000px; }
.secao6 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao6 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao6 header h2 { background: url(../_img/tit-secao6.png) no-repeat; width: 888px; height: 168px; display: block; text-indent: -9000px; }

.secao6 .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao6 .step .wrapper { position: relative; margin: 375px auto 0 auto; }
						 
.secao6 .step1 { background-image: url(../_img/bg-case4A.jpg); display: block; }
.secao6 .step1 .wrapper { width: 730px; }
.secao6 .step1 p { background: url(../_img/beging.png) no-repeat; width: 728px; height: 466px; display: block; text-indent: -9000px; }


/* Seção 7 */
.secao7 { height: 1000px; }
.secao7 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao7 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao7 header h2 { background: url(../_img/tit-secao7.png) no-repeat; width: 888px; height: 168px; display: block; text-indent: -9000px; }

.secao7 .step .wrapper { position: relative; margin: 375px auto 0 auto; }

.secao7 .step1 { background-image: url(../_img/bg-case5A.jpg); background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao7 .step1 .wrapper { width: 630px; }
.secao7 .step1 p { background: url(../_img/howtoget.png) no-repeat; width: 700px; height: 610px; display: block; text-indent: -9000px; }


/* Seção 8 */
.secao8 { height: 1000px; }
.secao8 .paginacao { position: absolute; top: 70%; left: 50%; z-index: 5; }

.secao8 header { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -443px; z-index: 5; }
.secao8 header h2 { background: url(../_img/tit-secao7.png) no-repeat; width: 888px; height: 168px; display: block; text-indent: -9000px; }

.secao8 .step .wrapper { position: relative; margin: 375px auto 0 auto; }

.secao8 .step1 { background-image: url(../_img/bg-case5A.jpg); background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao8 .step1 .wrapper { width: 630px; }
.secao8 .step1 p { background: url(../_img/clients.png) no-repeat; width: 700px; height: 521px; display: block; text-indent: -9000px; }


/* Seção 2 */
.secao2a { height: 1000px; }
.secao2a .paginacao { position: absolute; top: 55%; left: 50%; z-index: 5; }

.secao2a .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao2a .step .wrapper { position: relative; margin: 0 auto; }

.secao2a .step1 { background-image: url(../_img/bg-case59A.jpg); display: block; }
.secao2a .step1 .wrapper { width: 520px; margin-top: 250px; }
.secao2a .step1 .txt1 { background: url(../_img/txt-communication.png) no-repeat; width: 497px; height: 41px; display: block; margin: 15px auto 0 auto; text-indent: -9000px; }
.secao2a .step1 .txt2 { background: url(../_img/tit-digital-art-director.png) no-repeat; width: 247px; height: 19px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }
.secao2a .step1 .fresh-brain { margin: 25px auto 0 auto; display: block; }
.secao2 .step1 .ano { background: url(../_img/ano-2001.png) no-repeat; width: 95px; height: 29px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }

/* Seção 2b */
.secao2b { height: 1000px; }
.secao2b .paginacao { position: absolute; top: 55%; left: 50%; z-index: 5; }

.secao2b .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao2b .step .wrapper { position: relative; margin: 0 auto; }

.secao2b { background: url(../_img/bg-rodape.gif); height: 990px; }
.secao2b .step1 .wrapper { width: 520px; margin-top: 250px; }
.secao2b .step1 .txt1 { background: url(../_img/txt-communication.png) no-repeat; width: 497px; height: 41px; display: block; margin: 15px auto 0 auto; text-indent: -9000px; }
.secao2b .step1 .txt2 { background: url(../_img/tit-digital-art-director.png) no-repeat; width: 247px; height: 19px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }
.secao2b .step1 .fresh-brain { margin: 25px auto 0 auto; display: block; }
.secao2b .step1 .ano { background: url(../_img/ano-2001.png) no-repeat; width: 95px; height: 29px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }

/* Seção 2 */
.secao2ab { height: 1000px; }
.secao2ab .paginacao { position: absolute; top: 55%; left: 50%; z-index: 5; }

.secao2ab .step { background-repeat: no-repeat; background-position: center 0; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.secao2ab .step .wrapper { position: relative; margin: 0 auto; }

.secao2ab .step1 { background-image: url(../_img/bg-case8A.jpg); display: block; }
.secao2ab .step1 .wrapper { width: 520px; margin-top: 250px; }
.secao2ab .step1 .txt1 { background: url(../_img/txt-communication.png) no-repeat; width: 497px; height: 41px; display: block; margin: 15px auto 0 auto; text-indent: -9000px; }
.secao2ab .step1 .txt2 { background: url(../_img/tit-digital-art-director.png) no-repeat; width: 247px; height: 19px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }
.secao2ab .step1 .fresh-brain { margin: 25px auto 0 auto; display: block; }
.secao2b .step1 .ano { background: url(../_img/ano-2001.png) no-repeat; width: 95px; height: 29px; display: block; margin: 20px auto 0 auto; text-indent: -9000px; }



/* Seção 9 */
.secao9 { background: url(../_img/bg-rodape.gif); height: 990px; }
.secao9 header { background: url(../_img/header-rodape.png) no-repeat; width: 621px; height: 154px; display: block; margin: 70px auto; text-indent: -9000px; }
.secao9 video { min-height: 264px; }
.secao9 .bg-mobile { background: url(../_img/bg-video.jpg) no-repeat center 0; width: 100%; height: 100%; position: absolute; top: 294px; left: 0; z-index: 1; display: none; }
.secao9 .wrapper { width: 610px; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -305px; z-index: 2; }
.secao9 .wrapper .thanks {
	width: 649px;
	height: 195px;
	display: block;
	text-indent: -9000px;
	background-repeat: no-repeat;
}
.secao9 .wrapper .btn-scroll-top { background: url(../_img/btn-scroll-top.png) no-repeat; width: 68px; height: 36px; display: block; text-indent: -9000px; margin: 100px auto 0 auto; }

.secao9 .vjs-control-bar { display: none; }