.animate {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.anima.dl1 {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

.anima.dl2 {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

.anima.dl3 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms
}

.anima.dl4 {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms
}

.anima.dl5 {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms
}

.anima.dl6 {
    -webkit-transition-delay: 1100ms;
    -moz-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    transition-delay: 1100ms
}

.pr {
    position: relative
}

.anima {
    -webkit-transition: all 680ms cubic-bezier(.510, .020, .525, .995);
    -moz-transition: all 680ms cubic-bezier(.510, .020, .525, .995);
    -o-transition: all 680ms cubic-bezier(.510, .020, .525, .995);
    transition: all 680ms cubic-bezier(.510, .020, .525, .995);
    -webkit-transition-timing-function: cubic-bezier(.510, .020, .525, .995);
    -moz-transition-timing-function: cubic-bezier(.510, .020, .525, .995);
    -o-transition-timing-function: cubic-bezier(.510, .020, .525, .995);
    transition-timing-function: cubic-bezier(.510, .020, .525, .995)
}

.anima {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
    position: absolute;
}

.anima.blck {
    background-color: #000000
}

body .anima.in-view {
    width: 0
}

body.responsivo .anima.in-view {
    width: 0;
    display: none
}