.bbanim {
    background: #cdcdcd 50% 0/cover no-repeat;
    height: 100%;
    position: relative;
    z-index: 100
}

.bbanim:before {
    content: "";
    display: block;
    padding-top: 60%
}

.bbanim_1 {
    -webkit-animation: bbanim 20s ease-in-out infinite alternate paused;
    animation: bbanim 20s ease-in-out infinite alternate paused;
}

.bbanim_2 {
		background-position: 50% 15%;
    -webkit-animation: pages 25s ease-in-out infinite alternate running;
    animation: pages 25s ease-in-out infinite alternate running;
}

.bbanim_start {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.bbanim__note {
    position: absolute;
    width: 100%
}

@-webkit-keyframes bbanim {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 50% 100%
    }
}

@keyframes bbanim {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 50% 100%
    }
}

@-webkit-keyframes pages {
    0% {
        background-position: 50% 15%
    }
    4% {
        background-position: 50% 15%
    }
    10% {
        background-position: 50% 24%
    }
    14% {
        background-position: 50% 24%
    }
    24% {
        background-position: 50% 33.5%
    }
    28% {
        background-position: 50% 33.5%
    }
    52% {
        background-position: 50% 49%
    }
    56% {
        background-position: 50% 49%
    }
    66% {
        background-position: 50% 62%
    }
    70% {
        background-position: 50% 62%
    }
    80% {
        background-position: 50% 69.6%
    }
    84% {
        background-position: 50% 69.6%
    }
    94% {
        background-position: 50% 97%
    }
    to {
        background-position: 50% 97%
    }
}

@keyframes pages {
    0% {
        background-position: 50% 15%
    }
    4% {
        background-position: 50% 15%
    }
    10% {
        background-position: 50% 24%
    }
    14% {
        background-position: 50% 24%
    }
    24% {
        background-position: 50% 33.5%
    }
    28% {
        background-position: 50% 33.5%
    }
    52% {
        background-position: 50% 49%
    }
    56% {
        background-position: 50% 49%
    }
    66% {
        background-position: 50% 62%
    }
    70% {
        background-position: 50% 62%
    }
    80% {
        background-position: 50% 69.6%
    }
    84% {
        background-position: 50% 69.6%
    }
    94% {
        background-position: 50% 97%
    }
    to {
        background-position: 50% 97%
    }
}

.task {
    -webkit-transform: translateY(-100%);
    background: none;
    position: absolute;
    transform: translateY(-100%);
    width: 100%;
    z-index: 5
}

.credits,
footer.main-footer {
    background: #000;
    color: #fff
}

.credits .worker-container a,
.credits .worker-container a:visited,
.credits a,
.credits a:visited,
footer.main-footer .worker-container a,
footer.main-footer .worker-container a:visited,
footer.main-footer a,
footer.main-footer a:visited {
    border-color: hsla(0, 0%, 100%, .3)!important;
    color: #fff!important
}

.credits .worker-container a:hover,
.credits a:hover,
footer.main-footer .worker-container a:hover,
footer.main-footer a:hover {
    border-color: rgba(249, 221, 76, .3)!important;
    color: #f9dd4c!important
}

.credits div.block,
footer.main-footer div.block {
    background: #fff
}

.prefooter {
    display: block;
    margin: -20vw 0 0;
    width: 100%
}

.bb-process-link {
    -webkit-transition: opacity .2s ease-in;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s ease-in
}

.bb-process-link:hover {
    opacity: 1
}

.bbanim-notes {
    height: 4em;
    position: relative
}

.bbanim-note {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.bbanim-note:first-child {
    -webkit-animation: note-1 25s ease-in-out infinite alternate;
    animation: note-1 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(2) {
    -webkit-animation: note-2 25s ease-in-out infinite alternate;
    animation: note-2 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(3) {
    -webkit-animation: note-3 25s ease-in-out infinite alternate;
    animation: note-3 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(4) {
    -webkit-animation: note-4 25s ease-in-out infinite alternate;
    animation: note-4 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(5) {
    -webkit-animation: note-5 25s ease-in-out infinite alternate;
    animation: note-5 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(6) {
    -webkit-animation: note-6 25s ease-in-out infinite alternate;
    animation: note-6 25s ease-in-out infinite alternate
}

.bbanim-note:nth-child(7) {
    -webkit-animation: note-7 25s ease-in-out infinite alternate;
    animation: note-7 25s ease-in-out infinite alternate
}

@-webkit-keyframes note-1 {
    0% {
        opacity: 1
    }
    8% {
        opacity: 1
    }
    9% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-1 {
    0% {
        opacity: 1
    }
    8% {
        opacity: 1
    }
    9% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-2 {
    0% {
        opacity: 0
    }
    9% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    14% {
        opacity: 1
    }
    22% {
        opacity: 1
    }
    23% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-2 {
    0% {
        opacity: 0
    }
    9% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    14% {
        opacity: 1
    }
    22% {
        opacity: 1
    }
    23% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-3 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    23% {
        opacity: 0
    }
    24% {
        opacity: 1
    }
    28% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    51% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-3 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    23% {
        opacity: 0
    }
    24% {
        opacity: 1
    }
    28% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    51% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-4 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    51% {
        opacity: 0
    }
    52% {
        opacity: 1
    }
    56% {
        opacity: 1
    }
    64% {
        opacity: 1
    }
    65% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-4 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    51% {
        opacity: 0
    }
    52% {
        opacity: 1
    }
    56% {
        opacity: 1
    }
    64% {
        opacity: 1
    }
    65% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-5 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-5 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    94% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-6 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    79% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    84% {
        opacity: 1
    }
    92% {
        opacity: 1
    }
    93% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes note-6 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    79% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    84% {
        opacity: 1
    }
    92% {
        opacity: 1
    }
    93% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes note-7 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    93% {
        opacity: 0
    }
    94% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes note-7 {
    0% {
        opacity: 0
    }
    10% {
        opacity: 0
    }
    14% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    28% {
        opacity: 0
    }
    52% {
        opacity: 0
    }
    56% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    70% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    84% {
        opacity: 0
    }
    93% {
        opacity: 0
    }
    94% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

.prefooter>image {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}