* {
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: #eee;
font-family: PT sans narrow;
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: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

.overlay {
background:transparent;
position: absolute;
top: 10%;
left: 20%;
width: 80%;
max-width:100px;
max-height:100px;
height: 80%;
z-index: 1000;
}
.overlay img {
position: absolute;
top: 30%;
left: 50%;
margin: 0 0 0 -74px;
}

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

.menu {
background: #6d7367;
width: 279px;
height: 100%;
position: absolute;
top: 74px;
left: -279px;
}
.menu .intro {
background: #40433c;
padding: 50px 25px;
}
.menu .txt {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/lnk-email.png) no-repeat;
width: 167px;
height: 28px;
display: block;
text-indent: -9000px;
}
.menu .lnk-linkedin {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/ico-500px.png) no-repeat;
margin-right: 45px;
}
.menu .social .lnk-pinterest {
background: url(http://www.lacor.info/film/homme_sans_nom/img/ico-pinterest.png) no-repeat;
margin-right: 45px;
}
.menu .social .lnk-twitter {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/seta-on.png) no-repeat;
z-index: 2;
}

.paginacao span {
background: url(http://www.lacor.info/film/homme_sans_nom/img/pag.png) no-repeat;
width: 10px;
height: 10px;
display: block;
float: left;
margin: 0 5px 0 0;
}
.paginacao span.on {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/btn-anterior.png) no-repeat;
}
nav.destaques .btn-proximo {
background: url(http://www.lacor.info/film/homme_sans_nom/img/btn-proximo.png) no-repeat;
margin: 0 0 0 1px;
}

/* Seção 1 */
.secao1 {
height: 700px;
}

.secao1 .bg {
background: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_01.jpg) no-repeat center 0;
width: 100%;
height: 100%;
}

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

.secao1 .step {
max-width: 1920px;
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: url(http://www.lacor.info/film/homme_sans_nom/img/dest1-bg.jpg) no-repeat center 50px;
}
.secao1 .step1 .persona {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest1-persona.png) no-repeat center 0;
}
.secao1 .step1 .triangulo {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest1-triangulo.png) no-repeat center 20%;
}
.secao1 .step1 .texto {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest1-texto.png) no-repeat center 70%;
}
.secao1 .step2 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest2-bg.jpg) no-repeat center 50px;
}
.secao1 .step2 .persona {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest2-persona.png) no-repeat center 0;
}
.secao1 .step2 .triangulo {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest2-triangulo.png) no-repeat center 30%;
}
.secao1 .step2 .texto {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest2-texto.png) no-repeat center 60%;
}
.secao1 .step3 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest3-bg.jpg) no-repeat center 50px;
}
.secao1 .step3 .persona {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest3-persona.png) no-repeat center 0;
}
.secao1 .step3 .triangulo {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest3-triangulo.png) no-repeat 55% 50%;
}
.secao1 .step3 .texto {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest3-texto.png) no-repeat center 55%;
}
.secao1 .step4 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest4-bg.jpg) no-repeat center 50px;
}
.secao1 .step4 .persona {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest4-persona.png) no-repeat center 0;
}
.secao1 .step4 .triangulo {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest4-triangulo.png) no-repeat 55% 50%;
}
.secao1 .step4 .texto {
background: url(http://www.lacor.info/film/homme_sans_nom/img/dest4-texto.png) no-repeat center 53%;
}
.secao1 .paginacao {
position: absolute;
bottom: 22%;
left: 50.5%;
z-index: 5;
}
.secao1 .fresh-brain {
position: absolute;
bottom: 11%;
left: 50%;
margin-left: -107px;
}
.secao1 .lnk-prox-secao {
background: url(http://www.lacor.info/film/homme_sans_nom/img/seta-bottom.png) no-repeat;
width: 57px;
height: 23px;
position: absolute;
bottom: 5%;
left: 50%;
margin: 0 0 0 -22px;
z-index: 5;
text-indent: -9000px;
}

/* 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(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_02.jpg);
display: block;
}
.secao2 .step1 .wrapper {
width: 520px;
margin-top: 250px;
}
.secao2 .step1 h1 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/tit-willians-abreu.png) no-repeat center 0;
width: 343px;
height: 28px;
display: block;
margin: 0 auto;
text-indent: -9000px;
border-bottom: 1px solid #bfbfbf;
padding: 0 25px 20px 25px;
}
.secao2 .step1 .txt1 {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/ano-2001.png) no-repeat;
width: 95px;
height: 29px;
display: block;
margin: 20px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_01.jpg);
}
.secao2 .step2 .wrapper {
width: 870px;
margin-top: 200px;
}
.secao2 .step2 .txt1 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-more-serotonin.png) no-repeat center 0;
width: 804px;
height: 28px;
display: block;
margin: 0 auto;
text-indent: -9000px;
border-bottom: 1px solid #bfbfbf;
padding: 0 25px 20px 25px;
}
.secao2 .step2 .txt2 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-brands.png) no-repeat;
width: 590px;
height: 41px;
display: block;
margin: 20px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step2 ul {
width: 660px;
margin: 25px auto 0 auto;
display: block;
}
.secao2 .step2 li {
float: left;
margin: 0 40px 20px 0;
}
.secao2 .step2 li.last-child {
margin-right: 0;
}
.secao2 .step3 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_03.jpg);
}
.secao2 .step3 .wrapper {
width: 530px;
margin-top: 250px;
}
.secao2 .step3 .txt1 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/tit-extra-dose.png) no-repeat center 0;
width: 472px;
height: 28px;
display: block;
margin: 0 auto;
text-indent: -9000px;
border-bottom: 1px solid #bfbfbf;
padding: 0 25px 20px 25px;
}
.secao2 .step3 .txt2 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-url.png) no-repeat;
width: 338px;
height: 41px;
display: block;
margin: 20px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step3 .txt3 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/tit-photography.png) no-repeat;
width: 164px;
height: 19px;
display: block;
margin: 25px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step3 .fresh-brain {
margin: 25px auto 0 auto;
display: block;
}
.secao2 .step3 .ano {
background: url(http://www.lacor.info/film/homme_sans_nom/img/ano-2012.png) no-repeat;
width: 95px;
height: 29px;
display: block;
margin: 20px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step4 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_04.jpg);
}
.secao2 .step4 .wrapper {
width: 530px;
margin-top: 250px;
}
.secao2 .step4 .txt1 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/tit-extra-dose.png) no-repeat center 0;
width: 472px;
height: 28px;
display: block;
margin: 0 auto;
text-indent: -9000px;
border-bottom: 1px solid #bfbfbf;
padding: 0 25px 20px 25px;
}
.secao2 .step4 .txt2 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-url.png) no-repeat;
width: 338px;
height: 41px;
display: block;
margin: 20px auto 0 auto;
text-indent: -9000px;
}
.secao2 .step4 .txt3 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/tit-photography.png) no-repeat;
width: 164px;
height: 19px;
display: block;
margin: 25px 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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_05.jpg);
display: block;
}
.secao3 .step1 p {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-secao3.png) no-repeat;
width: 765px;
height: 254px;
display: block;
text-indent: -9000px;
}
.secao3 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_06.jpg);
}
.secao3 .step2 img {
display: block;
margin: 0 auto;
position: relative;
top: 25px;
}
.secao3 .step3 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_07.jpg);
}
.secao3 .step3 .wrapper {
width: 296px;
}
.secao3 .step3 .play {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_08.jpg);
display: block;
}
.secao4 .step1 .wrapper {
width: 530px;
}
.secao4 .step1 p {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-secao4.png) no-repeat;
width: 516px;
height: 101px;
display: block;
text-indent: -9000px;
}
.secao4 .step1 img {
margin: 50px 0 0 0;
}
.secao4 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_09.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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/large/homme_sans_nom_09.jpg);
}
.secao5 .step1 .wrapper {
width: 530px;
}
.secao5 .step1 p {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-secao5.png) no-repeat;
width: 494px;
height: 254px;
display: block;
text-indent: -9000px;
}
.secao5 .step1 img {
margin: 50px 0 0 0;
}
.secao5 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/bg-case3A.jpg);
}
.secao5 .step2 .wrapper {
width: 296px;
}
.secao5 .step2 .play {
background: url(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/bg-case4A.jpg);
display: block;
}
.secao6 .step1 .wrapper {
width: 730px;
}
.secao6 .step1 p {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-secao6.png) no-repeat;
width: 728px;
height: 166px;
display: block;
text-indent: -9000px;
}
.secao6 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/bg-case4B.jpg);
}
.secao6 .step2 .wrapper {
width: 921px;
}

/* 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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/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(http://www.lacor.info/film/homme_sans_nom/img/txt-secao7.png) no-repeat;
width: 630px;
height: 211px;
display: block;
text-indent: -9000px;
}
.secao7 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/bg-case5B.jpg);
}
.secao7 .step2 .wrapper {
width: 921px;
}

/* 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(http://www.lacor.info/film/homme_sans_nom/img/tit-secao8.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(http://www.lacor.info/film/homme_sans_nom/img/bg-case6A.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: 545px;
}
.secao8 .step1 p {
background: url(http://www.lacor.info/film/homme_sans_nom/img/txt-secao8.png) no-repeat;
width: 545px;
height: 78px;
display: block;
text-indent: -9000px;
}
.secao8 .step2 {
background-image: url(http://www.lacor.info/film/homme_sans_nom/img/bg-case6B.jpg);
}
.secao8 .step2 .wrapper {
width: 752px;
margin-top: 350px;
}

/* Seção 9 */
.secao9 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/bg-rodape.gif);
height: 990px;
}
.secao9 header {
background: url(http://www.lacor.info/film/homme_sans_nom/img/header-rodape.png) no-repeat;
width: 621px;
height: 154px;
display: block;
margin: 70px auto;
text-indent: -9000px;
}
.secao9 video {
min-height: 764px;
}
.secao9 .bg-mobile {
background: url(http://www.lacor.info/film/homme_sans_nom/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 {
background: url(http://www.lacor.info/film/homme_sans_nom/img/thanks-visit.png) no-repeat;
width: 610px;
height: 316px;
display: block;
text-indent: -9000px;
}
.secao9 .wrapper .btn-scroll-top {
background: url(http://www.lacor.info/film/homme_sans_nom/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;
}