/* --------------------------------------------
	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="grow"] {
        opacity: 0;
        -webkit-transform: scale(0.4);
        -o-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
        -moz-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
        -o-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
        transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25);
    }
        .v-animation[data-animation="grow"].v-animate {
            opacity: 1;
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    .v-animation[data-animation="pop-up"].v-animate {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
        -webkit-animation: popup 0.4s ease-in-out forwards;
        -moz-animation: popup 0.4s ease-in-out forwards;
        -o-animation: popup 0.4s ease-in-out forwards;
        animation: popup 0.4s ease-in-out forwards;
    }
    .v-animation[data-animation="flip"].v-animate {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: rotatex(-80deg);
        -moz-transform: rotatex(-80deg);
        -ms-transform: rotatex(-80deg);
        -o-transform: rotatex(-80deg);
        transform: rotatex(-80deg);
        -webkit-animation: flip .8s ease-in-out forwards;
        -moz-animation: flip .8s ease-in-out forwards;
        -o-animation: flip .8s ease-in-out forwards;
        animation: flip .8s ease-in-out forwards;
    }
    .v-animation[data-animation="helix"].v-animate {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotatey(-180deg);
        -moz-transform: rotatey(-180deg);
        -ms-transform: rotatey(-180deg);
        -o-transform: rotatey(-180deg);
        transform: rotatey(-180deg);
        -webkit-animation: helix .8s ease-in-out forwards;
        -moz-animation: helix .8s ease-in-out forwards;
        -o-animation: helix .8s ease-in-out forwards;
        animation: helix .8s ease-in-out forwards;
    }
    .v-animation[data-animation="move-up"].v-animate {
        -webkit-transform: translatey(200px);
        -moz-transform: translatey(200px);
        -ms-transform: translatey(200px);
        -o-transform: translatey(200px);
        transform: translatey(200px);
        -webkit-animation: moveup 0.65s ease forwards;
        -moz-animation: moveup 0.65s ease forwards;
        -o-animation: moveup 0.65s ease forwards;
        animation: moveup 0.65s ease forwards;
    }
    .v-animation[data-animation="spin"].v-animate {
        -webkit-animation: spin 0.65s ease forwards;
        -moz-animation: spin 0.65s ease forwards;
        -o-animation: spin 0.65s ease forwards;
        animation: spin 0.65s ease forwards;
    }
    .v-animation[data-animation="flip-x"].v-animate {
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation: flipx 0.65s ease forwards;
        -moz-animation: flipx 0.65s ease forwards;
        -o-animation: flipx 0.65s ease forwards;
        animation: flipx 0.65s ease forwards;
    }
    .v-animation[data-animation="flip-y"].v-animate {
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -o-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation: flipy 0.65s ease forwards;
        -moz-animation: flipy 0.65s ease forwards;
        -o-animation: flipy 0.65s ease forwards;
        animation: flipy 0.65s ease forwards;
    }
.v-animation[data-animation="fade-from-left"] {
	left: -70px;
}
.v-animation[data-animation="fade-from-right"] {
	right: -70px;
}
.v-animation[data-animation="fade-from-bottom"] {
	bottom: -120px;
}
.v-animation[data-animation="fade-from-left"], .v-animation[data-animation="fade-from-right"] {
	margin: 0 auto;
}
.browser-ie .v-animation[data-animation="pop-up"].v-animate, 
.browser-ie .v-animation[data-animation="flip"].v-animate, 
.browser-ie .v-animation[data-animation="helix"].v-animate, 
.browser-ie .v-animation[data-animation="fly"].v-animate, 
.browser-ie .v-animation[data-animation="move-up"].v-animate, 
.browser-ie .v-animation[data-animation="spin"].v-animate, 
.browser-ie .v-animation[data-animation="flip-x"].v-animate, 
.browser-ie .v-animation[data-animation="flip-y"].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 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 scaleup {
	to { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes scaleup {
	to { -moz-transform: scale(1); opacity: 1; }
}

@keyframes scaleup {
	to { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes fallperspective {
	100% { -webkit-transform: translatez(0px) translatey(0px) rotatex(0deg); opacity: 1; }
}

@-moz-keyframes fallperspective {
	100% { -moz-transform: translatez(0px) translatey(0px) rotatex(0deg); opacity: 1; }
}

@keyframes fallperspective {
	100% { transform: translatez(0px) translatey(0px) rotatex(0deg); opacity: 1; }
}

@-webkit-keyframes fly {
	100% { -webkit-transform: rotatex(0deg); opacity: 1; }
}
@-moz-keyframes fly {
	100% { -moz-transform: rotatex(0deg); opacity: 1; }
}
@keyframes fly {
	100% { transform: rotatex(0deg); opacity: 1; }
}

@-webkit-keyframes flip {
	100% { -webkit-transform: rotatex(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	100% { -moz-transform: rotatex(0deg); opacity: 1; }
}

@keyframes flip {
	100% { transform: rotatex(0deg); opacity: 1; }
}

@-webkit-keyframes helix {
	100% { -webkit-transform: rotatey(0deg); opacity: 1; }
}

@-moz-keyframes helix {
	100% { -moz-transform: rotatey(0deg); opacity: 1; }
}

@keyframes helix {
	100% { transform: rotatey(0deg); opacity: 1; }
}
@-webkit-keyframes popup {
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popup {
	70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popup {
	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); opacity: 1; }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); opacity: 1; }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); opacity: 1; }
}
@-webkit-keyframes flipx {
    0% {-webkit-transform: perspective(400px) rotatex(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(400px) rotatex(0deg);opacity: 1;}
}
@-moz-keyframes flipx {
    0% {-moz-transform: perspective(400px) rotatex(90deg);opacity: 0;}
    100% {-moz-transform: perspective(400px) rotatex(0deg);opacity: 1;}
}
@-o-keyframes flipx {
    0% {-o-transform: perspective(400px) rotatex(90deg);opacity: 0;}
    100% {-o-transform: perspective(400px) rotatex(0deg);opacity: 1;}
}
@keyframes flipx {
    0% {transform: perspective(400px) rotatex(90deg);opacity: 0;}
    100% {transform: perspective(400px) rotatex(0deg);opacity: 1;}
}
@-webkit-keyframes flipy {
    0% {-webkit-transform: perspective(400px) rotatey(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(400px) rotatey(0deg);opacity: 1;}
}
@-moz-keyframes flipy {
    0% {-moz-transform: perspective(400px) rotatey(90deg);opacity: 0;}
	100% {-moz-transform: perspective(400px) rotatey(0deg);opacity: 1;}
}
@-o-keyframes flipy {
	0% {-o-transform: perspective(400px) rotatey(90deg);opacity: 0;}
	100% {-o-transform: perspective(400px) rotatey(0deg);opacity: 1;}
}
@keyframes flipy {
    0% {transform: perspective(400px) rotatey(90deg);opacity: 0;} 
    100% {transform: perspective(400px) rotatey(0deg);opacity: 1;}
}
@-webkit-keyframes shake {
    0%, 50%, 100% {-webkit-transform: translatex(0);}
    25% {-webkit-transform: translatex(-100px);}
    75% {-webkit-transform: translatex(100px);}
}
@-moz-keyframes shake {
    0%, 50%, 100% {-moz-transform: translatex(0);}
    25% {-moz-transform: translatex(-100px);}
    75% {-moz-transform: translatex(100px);}
}
@-o-keyframes shake {
    0%, 50%, 100% {-o-transform: translatex(0);}
    25% {-o-transform: translatex(-100px);}
    75% {-o-transform: translatex(100px);}
}
@keyframes shake {
    0%, 50%, 100% {transform: translatex(0);}
    25% {transform: translatex(-100px);}
    75% {transform: translatex(100px);}
}