/*#########  Background ############*/

@-webkit-keyframes BackgroundAnimation {
        0%{background-position:-100% 100%}
        50%{background-position:-50% 100%}
        100%{background-position:0% 100%}
    }
    @-moz-keyframes BackgroundAnimation {
        0%{background-position:-100% 100%}
        50%{background-position:-50% 100%}
        100%{background-position:0% 100%}
    }
    @-o-keyframes BackgroundAnimation {
        0%{background-position:-100% 100%}
        50%{background-position:-50% 100%}
        100%{background-position:0% 100%}
    }
    @keyframes BackgroundAnimation { 
        0%{background-position:-100% 100%}
        50%{background-position:-50% 100%}
        100%{background-position:0% 100%}
    }

/*######## Cubes & Shadows ############*/



.cube1.animate {
    display: block;
    -moz-animation: cube1Frames 8s linear 0s 1 normal forwards;
    -o-animation: cube1Frames 8s linear 0s 1 normal forwards;
    -webkit-animation: cube1Frames 8s linear 0s 1 normal forwards;
    animation: cube1Frames 8s linear 0s 1 normal forwards;
}


@-webkit-keyframes cube1Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1200px);
        -ms-transform: translateZ(0px) translateY(-1200px);
        -o-transform: translateZ(0px) translateY(-1200px);
        -webkit-transform: translateZ(0px) translateY(-1200px);
        transform: translateZ(0px) translateY(-1200px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        z-index: 100;
    }

    45% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px);
        -ms-transform: translateZ(0px) translateY(180px);
        -o-transform: translateZ(0px) translateY(180px);
        -webkit-transform: translateZ(0px) translateY(180px);
        transform: translateZ(0px) translateY(180px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 100;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(5px);
        -ms-transform: translateZ(0px) translateY(5px);
        -o-transform: translateZ(0px) translateY(5px);
        -webkit-transform: translateZ(0px) translateY(5px);
        transform: translateZ(0px) translateY(5px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        z-index: 100;
    }
}

@keyframes cube1Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1200px);
        -ms-transform: translateZ(0px) translateY(-1200px);
        -o-transform: translateZ(0px) translateY(-1200px);
        -webkit-transform: translateZ(0px) translateY(-1200px);
        transform: translateZ(0px) translateY(-1200px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 100;
    }

    45% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px);
        -ms-transform: translateZ(0px) translateY(180px);
        -o-transform: translateZ(0px) translateY(180px);
        -webkit-transform: translateZ(0px) translateY(180px);
        transform: translateZ(0px) translateY(180px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 100;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(5px);
        -ms-transform: translateZ(0px) translateY(5px);
        -o-transform: translateZ(0px) translateY(5px);
        -webkit-transform: translateZ(0px) translateY(5px);
        transform: translateZ(0px) translateY(5px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        z-index: 100;
    }
}

@keyframes cube1Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1200px);
        -ms-transform: translateZ(0px) translateY(-1500px);
        -o-transform: translateZ(0px) translateY(-1500px);
        -webkit-transform: translateZ(0px) translateY(-1500px);
        transform: translateZ(0px) translateY(-1500px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 100;
    }

    45% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px);
        -ms-transform: translateZ(0px) translateY(180px);
        -o-transform: translateZ(0px) translateY(180px);
        -webkit-transform: translateZ(0px) translateY(180px);
        transform: translateZ(0px) translateY(180px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        z-index: 100;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(5px);
        -ms-transform: translateZ(0px) translateY(5px);
        -o-transform: translateZ(0px) translateY(5px);
        -webkit-transform: translateZ(0px) translateY(5px);
        transform: translateZ(0px) translateY(5px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        z-index: 100;
    }
}


.cube2.animate{
    display: block;
    -moz-animation: cube2Frames 2.4s linear 0s 1 normal forwards;
    -o-animation: cube2Frames 2.4s linear 0s 1 normal forwards;
    -webkit-animation: cube2Frames 2.4s linear 0s 1 normal forwards;
    animation: cube2Frames 2.4s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube2Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-270px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(30px) translateX(-270px);
        -ms-transform: translateZ(0px) translateY(30px) translateX(-270px);
        -o-transform: translateZ(0px) translateY(30px) translateX(-270px);
        -webkit-transform: translateZ(0px) translateY(30px) translateX(-270px);
        transform: translateZ(0px) translateY(30px) translateX(-270px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube2Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-270px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        transform: translateZ(0px) translateY(-1700px) translateX(-270px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(30px) translateX(-270px);
        -ms-transform: translateZ(0px) translateY(30px) translateX(-270px);
        -o-transform: translateZ(0px) translateY(30px) translateX(-270px);
        -webkit-transform: translateZ(0px) translateY(30px) translateX(-270px);
        transform: translateZ(0px) translateY(30px) translateX(-270px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.cube3.animate {
    display: block;
    -moz-animation: cube3Frames 2.4s linear 0s 1 normal forwards;
    -o-animation: cube3Frames 2.4s linear 0s 1 normal forwards;
    -webkit-animation: cube3Frames 2.4s linear 0s 1 normal forwards;
    animation: cube3Frames 2.4s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube3Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(30px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(30px) translateX(240px);
        -o-transform: translateZ(0px) translateY(30px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(30px) translateX(240px);
        transform: translateZ(0px) translateY(30px) translateX(240px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube3Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(30px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(30px) translateX(240px);
        -o-transform: translateZ(0px) translateY(30px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(30px) translateX(240px);
        transform: translateZ(0px) translateY(30px) translateX(240px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.cube4.animate {
    display: block;
    -moz-animation: cube4Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: cube4Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: cube4Frames 2.7s linear 0s 1 normal forwards;
    animation: cube4Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube4Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-510px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-170px) translateX(-510px);
        -ms-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -o-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -webkit-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube4Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-510px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        transform: translateZ(0px) translateY(-1700px) translateX(-510px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-170px) translateX(-510px);
        -ms-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -o-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -webkit-transform: translateZ(0px) translateY(-170px) translateX(-510px);
        transform: translateZ(0px) translateY(-170px) translateX(-510px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}


.cube5.animate {
    display: block;
    -moz-animation: cube5Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: cube5Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: cube5Frames 2.7s linear 0s 1 normal forwards;
    animation: cube5Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube5Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(0px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-150px) translateX(0px);
        -ms-transform: translateZ(0px) translateY(-150px) translateX(0px);
        -o-transform: translateZ(0px) translateY(-150px) translateX(0px);
        -webkit-transform: translateZ(0px) translateY(-150px) translateX(0px);
        transform: translateZ(0px) translateY(-150px) translateX(0px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube5Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(0px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(0px);
        transform: translateZ(0px) translateY(-1700px) translateX(0px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-150px) translateX(0px);
        -ms-transform: translateZ(0px) translateY(-150px) translateX(0px);
        -o-transform: translateZ(0px) translateY(-150px) translateX(0px);
        -webkit-transform: translateZ(0px) translateY(-150px) translateX(0px);
        transform: translateZ(0px) translateY(-150px) translateX(0px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.cube6.animate {
    display: block;
    -moz-animation: cube6Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: cube6Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: cube6Frames 2.7s linear 0s 1 normal forwards;
    animation: cube6Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube6Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(490px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-170px) translateX(490px);
        -ms-transform: translateZ(0px) translateY(-170px) translateX(490px);
        -o-transform: translateZ(0px) translateY(-170px) translateX(490px);
        -webkit-transform: translateZ(0px) translateY(-170px) translateX(490px);
        transform: translateZ(0px) translateY(-170px) translateX(490px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube6Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(490px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(490px);
        transform: translateZ(0px) translateY(-1700px) translateX(490px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-170px) translateX(490px);
        -ms-transform: translateZ(0px) translateY(-170px) translateX(490px);
        -o-transform: translateZ(0px) translateY(-170px) translateX(490px);
        -webkit-transform: translateZ(0px) translateY(-170px) translateX(490px);
        transform: translateZ(0px) translateY(-170px) translateX(490px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}


.cube7.animate {
    display:block;
    -moz-animation: cube7Frames 3s linear 0s 1 normal forwards;
    -o-animation: cube7Frames 3s linear 0s 1 normal forwards;
    -webkit-animation: cube7Frames 3s linear 0s 1 normal forwards;
    animation: cube7Frames 3s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube7Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-260px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-330px) translateX(-260px);
        -ms-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -o-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -webkit-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube7Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-260px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        transform: translateZ(0px) translateY(-1700px) translateX(-260px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-330px) translateX(-260px);
        -ms-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -o-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -webkit-transform: translateZ(0px) translateY(-330px) translateX(-260px);
        transform: translateZ(0px) translateY(-330px) translateX(-260px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}



.cube8.animate {
    display:block;
    -moz-animation: cube8Frames 3s linear 0s 1 normal forwards;
    -o-animation: cube8Frames 3s linear 0s 1 normal forwards;
    -webkit-animation: cube8Frames 3s linear 0s 1 normal forwards;
    animation: cube8Frames 3s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube8Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-330px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-330px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-330px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-330px) translateX(240px);
        transform: translateZ(0px) translateY(-330px) translateX(240px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube8Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(240px);
        transform: translateZ(0px) translateY(-1700px) translateX(240px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-330px) translateX(240px);
        -ms-transform: translateZ(0px) translateY(-330px) translateX(240px);
        -o-transform: translateZ(0px) translateY(-330px) translateX(240px);
        -webkit-transform: translateZ(0px) translateY(-330px) translateX(240px);
        transform: translateZ(0px) translateY(-330px) translateX(240px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}


.cube9.animate {
    display:block;
    -moz-animation: cube9Frames 3.3s linear 0s 1 normal forwards;
    -o-animation: cube9Frames 3.3s linear 0s 1 normal forwards;
    -webkit-animation: cube9Frames 3.3s linear 0s 1 normal forwards;
    animation: cube9Frames 3.3s linear 0s 1 normal forwards;
}

@-webkit-keyframes cube9Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-13px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-500px) translateX(-13px);
        -ms-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -o-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -webkit-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes cube9Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-1700px) translateX(-13px);
        -ms-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -o-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -webkit-transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        transform: translateZ(0px) translateY(-1700px) translateX(-13px);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-500px) translateX(-13px);
        -ms-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -o-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -webkit-transform: translateZ(0px) translateY(-500px) translateX(-13px);
        transform: translateZ(0px) translateY(-500px) translateX(-13px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.shadow .topFace div {
    background-color: #000 !important;
    opacity: 0.8;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: alpha(opacity=80);
    filter: blur(10px);
    filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='10'%20/></filter></svg>#blur");
}



.shadow1.animate {
    display:block;
    -moz-animation: shadow1Frames 5s linear 0s 1 normal forwards;
    -o-animation: shadow1Frames 5s linear 0s 1 normal forwards;
    -webkit-animation: shadow1Frames 5s linear 0s 1 normal forwards;
    animation: shadow1Frames 5s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow1Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -o-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    45% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -ms-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -o-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -webkit-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -ms-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -o-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -webkit-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }
}

@keyframes shadow1Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -o-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        transform: translateZ(0px) translateY(351px) translateX(150px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    45% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -ms-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -o-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -webkit-transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        transform: translateZ(0px) translateY(391px) translateX(0px) scale(1);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -ms-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -o-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -webkit-transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        transform: translateZ(0px) translateY(380px) translateX(30px) scale(0.85);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }
}

.shadow2.animate {
    display:block;
    -moz-animation: shadow2Frames 2.4s linear 0s 1 normal forwards;
    -o-animation: shadow2Frames 2.4s linear 0s 1 normal forwards;
    -webkit-animation: shadow2Frames 2.4s linear 0s 1 normal forwards;
    animation: shadow2Frames 2.4s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow2Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -o-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -ms-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -o-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -webkit-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow2Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -o-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        transform: translateZ(0px) translateY(180px) translateX(-130px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -ms-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -o-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -webkit-transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        transform: translateZ(0px) translateY(230px) translateX(-270px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow3.animate {
    display:block;
    -moz-animation: shadow3Frames 2.4s linear 0s 1 normal forwards;
    -o-animation: shadow3Frames 2.4s linear 0s 1 normal forwards;
    -webkit-animation: shadow3Frames 2.4s linear 0s 1 normal forwards;
    animation: shadow3Frames 2.4s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow3Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -o-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -ms-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -o-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -webkit-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow3Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -o-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        transform: translateZ(0px) translateY(180px) translateX(400px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -ms-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -o-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -webkit-transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        transform: translateZ(0px) translateY(230px) translateX(240px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow4.animate {
    display:block;
    -moz-animation: shadow4Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: shadow4Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: shadow4Frames 2.7s linear 0s 1 normal forwards;
    animation: shadow4Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow4Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -ms-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -o-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -webkit-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow4Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        transform: translateZ(0px) translateY(-25px) translateX(-350px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -ms-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -o-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -webkit-transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        transform: translateZ(0px) translateY(35px) translateX(-510px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow5.animate {
    display:block;
    -moz-animation: shadow5Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: shadow5Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: shadow5Frames 2.7s linear 0s 1 normal forwards;
    animation: shadow5Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow5Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -o-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -ms-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -o-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -webkit-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow5Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -o-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        transform: translateZ(0px) translateY(110px) translateX(160px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -ms-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -o-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -webkit-transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        transform: translateZ(0px) translateY(60px) translateX(0px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow6.animate {
    display:block;
    -moz-animation: shadow6Frames 2.7s linear 0s 1 normal forwards;
    -o-animation: shadow6Frames 2.7s linear 0s 1 normal forwards;
    -webkit-animation: shadow6Frames 2.7s linear 0s 1 normal forwards;
    animation: shadow6Frames 2.7s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow6Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -ms-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -o-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -webkit-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow6Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        transform: translateZ(0px) translateY(-34px) translateX(653px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -ms-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -o-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -webkit-transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        transform: translateZ(0px) translateY(24px) translateX(493px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow7.animate {
    display:block;
    -moz-animation: shadow7Frames 3s linear 0s 1 normal forwards;
    -o-animation: shadow7Frames 3s linear 0s 1 normal forwards;
    -webkit-animation: shadow7Frames 3s linear 0s 1 normal forwards;
    animation: shadow7Frames 3s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow7Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -ms-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -o-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow7Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        transform: translateZ(0px) translateY(-165px) translateX(-100px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -ms-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -o-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        transform: translateZ(0px) translateY(-115px) translateX(-260px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow8.animate {
    display:block;
    -moz-animation: shadow8Frames 3s linear 0s 1 normal forwards;
    -o-animation: shadow8Frames 3s linear 0s 1 normal forwards;
    -webkit-animation: shadow8Frames 3s linear 0s 1 normal forwards;
    animation: shadow8Frames 3s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow8Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=20); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -ms-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -o-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow8Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        transform: translateZ(0px) translateY(-175px) translateX(400px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=20); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -ms-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -o-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        transform: translateZ(0px) translateY(-125px) translateX(240px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

.shadow9.animate {
    display:block;
    -moz-animation: shadow9Frames 3.3s linear 0s 1 normal forwards;
    -o-animation: shadow9Frames 3.3s linear 0s 1 normal forwards;
    -webkit-animation: shadow9Frames 3.3s linear 0s 1 normal forwards;
    animation: shadow9Frames 3.3s linear 0s 1 normal forwards;
}

@-webkit-keyframes shadow9Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -ms-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -o-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes shadow9Frames {
    0% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -ms-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -o-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -webkit-transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        transform: translateZ(0px) translateY(-340px) translateX(150px) scale(0.2);
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -moz-transform: translateZ(0px) translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -ms-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -o-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -webkit-transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        transform: translateZ(0px) translateY(-290px) translateX(-10px) scale(1);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}


.initialFadeDelayed {
    font-size:0.8em;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
    -moz-animation: initialFadeFrames 8s linear 0s 1 normal forwards;
    -o-animation: initialFadeFrames 8s linear 0s 1 normal forwards;
    -webkit-animation: initialFadeFrames 8s linear 0s 1 normal forwards;
    animation: initialFadeFrames 8s linear 0s 1 normal forwards;
}

.initialFade {
    z-index: -10;
    -moz-animation: initialFadeFrames 6s linear 0s 1 normal forwards;
    -o-animation: initialFadeFrames 6s linear 0s 1 normal forwards;
    -webkit-animation: initialFadeFrames 6s linear 0s 1 normal forwards;
    animation: initialFadeFrames 6s linear 0s 1 normal forwards;
}

@-webkit-keyframes initialFadeFrames {
    0% {
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    50% {
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes initialFadeFrames {
    0% {
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    50% {
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    100% {
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}



@media screen and (max-width: 2000px) {
    body {
        font-size: 16px !important;
    }

    .cubeContainer{
        -moz-transform: translateZ(0px) translateZ(0px) scaleX(0.55) scaleY(0.57) rotateX(45deg) translateX(50px);
        -ms-transform: translateZ(0px) scaleX(0.45) scaleY(0.47) rotateX(45deg) translateX(50px) ;
        -o-transform: translateZ(0px) scaleX(0.45) scaleY(0.47) rotateX(45deg) translateX(50px) ;
        -webkit-transform: translateZ(0px) scaleX(0.45) scaleY(0.47) rotateX(45deg) translateX(50px) ;
        transform: translateZ(0px) scaleX(0.45) scaleY(0.47) rotateX(45deg) translateX(50px) ;
   
    }
}

@media screen and (max-width: 1200px) {
    body{
        font-size:16px !important;
    }

    .cubeContainer {
        -moz-transform: translateZ(0px) translateZ(0px) scaleX(0.35) scaleY(0.37) rotateX(45deg) translateX(50px);
        -ms-transform: translateZ(0px) scaleX(0.35) scaleY(0.37) rotateX(45deg) translateX(50px);
        -o-transform: translateZ(0px) scaleX(0.35) scaleY(0.37) rotateX(45deg) translateX(50px);
        -webkit-transform: translateZ(0px) scaleX(0.35) scaleY(0.37) rotateX(45deg) translateX(50px);
        transform: translateZ(0px) scaleX(0.35) scaleY(0.37) rotateX(45deg) translateX(50px);
    }

}

@media screen and (max-width: 350px) {
    body{
        font-size:16px !important;
    }
}

@media screen and (max-width: 850px) {   
    .contact{
        height: 120%;
    }

    .contact .content{
        width:100%;
    }
}

@media screen and (max-width: 510px), screen and (max-height: 550px) {
    
    body{
        font-size:14px;
    }
    footer .footerMenu li {
        font-size: 1.4em;
        line-height: 1.8em;
    }

    footer .footerMenu {
        height: 220px;
    }

    .initialFadeDelayed{
        display:none;
    }

    #fp-nav.right {
        right: 1px !important;
        top:15%;
        
    }

    .fp-prev {
        left: 0 !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }

    .fp-next {
        right: 0 !important;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }

    .cubeContainer {
        -moz-transform: translateZ(0px) translateZ(0px) scaleX(0.28) scaleY(0.30) rotateX(45deg) translateX(250px)  !important;
        -ms-transform: translateZ(0px) scaleX(0.18) scaleY(0.20) rotateX(45deg) translateX(250px)  !important;
        -o-transform: translateZ(0px) scaleX(0.18) scaleY(0.20) rotateX(45deg) translateX(250px)  !important;
        -webkit-transform: translateZ(0px) scaleX(0.18) scaleY(0.20) rotateX(45deg) translateX(250px)  !important;
        transform: translateZ(0px) scaleX(0.18) scaleY(0.20) rotateX(45deg) translateX(250px)  !important;
    }

     #header li{
         font-size:0em;
    }


    #header .active {
        left: 1em;
        font-size: 2em;
        font-weight: bold;
        top: 0.1em;
    }

    footer {
        bottom: -220px;
    }



    footer:hover{
        bottom:0;
    }

    footer:active{
        bottom:0;
    }

    .galleryContentContainer {
        margin: 0 auto;
        height: 80%;
        width: 100%;
        margin-top: 15%;
    }

    .galleryContentContainer .galleryItem:hover h2 {
        -moz-transform: translateY(-11em);
        -ms-transform: translateY(-11em);
        -o-transform: translateY(-11em);
        -webkit-transform: translateY(-11em);
        transform: translateY(-11em);
        font-size: 1em;
    }

    .galleryContentContainer .galleryItem:hover article {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

}



@media screen and (max-height:320px) {
    h2 {
        font-size:1.5em;
    }
    h3 {
        font-size:1.2em;
    }
}

 
@media screen and (orientation:portrait){



    .galleryContentContainer .galleryItem {
            display: block;
            width: 100%;
            height: 36%;
            margin-bottom: 1.3%;
            z-index: -100;
            overflow: hidden;
    
        }

    .galleryContentContainer .galleryItem img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: none;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -moz-transition-duration: 5s !important;
        -o-transition-duration: 5s !important;
        -webkit-transition-duration: 5s !important;
        transition-duration: 5s !important;
    }
    

    .galleryContentContainer .galleryItem:hover img {
        -moz-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }

}