/* --------------------------------------------
	LOAD IN ANIMATIONS
-------------------------------------------- */

.v-animation {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    opacity: 0;
    position: relative;
}
    html.no-js .v-animation, .mobile-browser .v-animation, .apple-mobile-browser .v-animation, .v-animation[data-animation="none"] {
        opacity: 1!important;
        left: auto!important;
        right: auto!important;
        bottom: auto!important;
        -webkit-transform: scale(1)!important;
        -o-transform: scale(1)!important;
        -moz-transform: scale(1)!important;
        -ms-transform: scale(1)!important;
        transform: scale(1)!important;
    }

    .v-animation[data-animation="move-fade"].v-animate {
		-webkit-animation: moveFade 1s ease forwards;
        -moz-animation: moveFade 1s ease forwards;
        -o-animation: moveFade 1s ease forwards;
        animation: moveFade 1s ease forwards;
    }
	.v-animation[data-animation="move-up"].v-animate {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-animation: moveUp 1s ease forwards;
        -moz-animation: moveUp 1s ease forwards;
        -o-animation: moveUp 1s ease forwards;
        animation: moveUp 1s ease forwards;
    }
	.v-animation[data-animation="move-down"].v-animate {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-animation: moveDown 1s ease forwards;
        -moz-animation: moveDown 1s ease forwards;
        -o-animation: moveDown 1s ease forwards;
        animation: moveDown 1s ease forwards;
    }
	.v-animation[data-animation="move-left"].v-animate {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
        -webkit-animation: moveLeft 1s ease forwards;
        -moz-animation: moveLeft 1s ease forwards;
        -o-animation: moveLeft 1s ease forwards;
        animation: moveLeft 1s ease forwards;
    }
	.v-animation[data-animation="move-right"].v-animate {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
        -webkit-animation: moveRight 1s ease forwards;
        -moz-animation: moveRight 1s ease forwards;
        -o-animation: moveRight 1s ease forwards;
        animation: moveRight 1s ease forwards;
    }


.browser-ie .v-animation[data-animation="move-fade"].v-animate,
.browser-ie .v-animation[data-animation="move-up"].v-animate,
.browser-ie .v-animation[data-animation="move-down"].v-animate,
.browser-ie .v-animation[data-animation="move-left"].v-animate, 
.browser-ie .v-animation[data-animation="move-right"].v-animate {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}





/* #CSS3 Keyframes
================================================== */

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}

@-webkit-keyframes moveFade {
	to { opacity: 1; }
}
@-moz-keyframes moveFade {
	to { opacity: 1; }
}
@keyframes moveFade {
	to { opacity: 1; }
}

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}
@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes moveDown {
	to { -webkit-transform: translateY(0); opacity: 1; }
}
@-moz-keyframes moveDown {
	to { -moz-transform: translateY(0); opacity: 1; }
}
@keyframes moveDown {
	to { transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(0); opacity: 1; }
}
@-moz-keyframes moveLeft {
	to { -moz-transform: translateX(0); opacity: 1; }
}
@keyframes moveLeft {
	to { transform: translateX(0); opacity: 1; }
}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(0); opacity: 1; }
}
@-moz-keyframes moveRight {
	to { -moz-transform: translateX(0); opacity: 1; }
}
@keyframes moveRight {
	to { transform: translateX(0); opacity: 1; }
}