@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes indexBtnLight {
    from {
        background-position: -800px 0;
    }
    to {
        background-position: 1500px 0;
    }
}
@-webkit-keyframes indexBtnLight {
    from {
        background-position: -800px 0;
    }
    to {
        background-position: 1500px 0;
    }
}
@keyframes clip1 {
    0% {
        transform: scale(2);
        opacity: 0;
    }
    30% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes clip1 {
    0% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    30% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes clip2 {
    0% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    50% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        transform: translate(0px,0px);
        opacity: 1;
    }
}
@-webkit-keyframes clip2 {
    0% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px,0px);
        opacity: 1;
    }
}
@keyframes clip3 {
    0% {
        transform: scale(2);
        opacity: 0;
    }
    70% {
        transform: scale(2);
        opacity: 0;
    }
    85% {
        transform: scale(0.8);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes clip3 {
    0% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    70% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    85% {
        -webkit-transform: scale(0.8);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes clip4 {
    0% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    70% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        transform: translate(0px,0px);
        opacity: 1;
    }
}
@-webkit-keyframes clip4 {
    0% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    70% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px,0px);
        opacity: 1;
    }
}
@keyframes clip5 {
    0% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    80% {
        transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        transform: translate(0px,0px);
        opacity: 1;
    }
}
@-webkit-keyframes clip5 {
    0% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    80% {
        -webkit-transform: translate(0px,-10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px,0px);
        opacity: 1;
    }
}