﻿.fallingLeaves {
    text-align: left;
}

    .fallingLeaves span {
        display: inline-block;
        margin: -30px 30px 44px -24px;
        -webkit-animation: fallingLeaves 9s infinite linear;
        -moz-animation: fallingLeaves 9s infinite linear;
        animation: fallingLeaves 9s infinite linear;
    }

        .fallingLeaves span:nth-child(5n+5) {
            background: url("/tools/images/oak1.gif");
            width: 35px;
            height: 35px;
            -webkit-animation-delay: 1.3s;
            -moz-animation-delay: 1.3s;
            animation-delay: 1.3s;
        }

        .fallingLeaves span:nth-child(3n+2) {
            background: url("/tools/images/oak2.gif");
            width: 35px;
            height: 35px;
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
            animation-delay: 1.5s;
        }

        .fallingLeaves span:nth-child(2n+1) {
            background: url("/tools/images/oak3.gif");
            width: 21px;
            height: 21px;
            -webkit-animation-delay: 1.7s;
            -moz-animation-delay: 1.7s;
            animation-delay: 1.7s;
        }

        .fallingLeaves span:nth-child(3n+1) {
            background: url("/tools/images/oak4.gif");
            width: 21px;
            height: 21px;
            -webkit-animation-delay: 2.7s;
            -moz-animation-delay: 2.7s;
            animation-delay: 2.7s;
        }

        .fallingLeaves span:nth-child(7n+2) {
            background: url("/tools/images/oak1.gif");
            width: 35px;
            height: 35px;
            -webkit-animation-delay: 3.5s;
            -moz-animation-delay: 3.5s;
            animation-delay: 3.5s;
        }

        .fallingLeaves span:nth-child(4n+5) {
            background: url("/tools/images/oak2.gif");
            width: 35px;
            height: 35px;
            -webkit-animation-delay: 5.5s;
            -moz-animation-delay: 5.5s;
            animation-delay: 5.5s;
        }

        .fallingLeaves span:nth-child(5n+2) {
            background: url("/toosl/images/oak3.gif");
            width: 21px;
            height: 21px;
            -webkit-animation-delay: 8s;
            -moz-animation-delay: 8s;
            animation-delay: 8s;
        }

@-webkit-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg);
    }
}

@-moz-keyframes fallingLeaves {
    0% {
        opacity: 1;
        -webkit-transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        -webkit-transform: translate(100px, 600px) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(150px, 800px) rotateZ(360deg);
    }
}

@keyframes fallingLeaves {
    0% {
        opacity: 1;
        transform: translate(0, 0px) rotateZ(0deg);
    }

    75% {
        opacity: 1;
        transform: translate(100px, 600px) rotateZ(270deg);
    }

    100% {
        opacity: 0;
        transform: translate(150px, 800px) rotateZ(360deg);
    }
}
