/* ANIMATION FOR LOADING PAGE ONLY -------------------------- */

.move-top-center {
    position:relative;
    -webkit-animation: move-top-center 1s;
    -moz-animation: move-top-center 1s;
    -o-animation: move-top-center 1s;
    animation: move-top-center 1s ;
}

.move-top-center-delay-1 {
    position:relative;
    -webkit-animation: move-top-center 1.25s;
    -moz-animation: move-top-center 1.25s;
    -o-animation: move-top-center 1.25s;
    animation: move-top-center 1.25s ;
}

.move-top-center-delay-2 {
    position:relative;
    -webkit-animation: move-top-center 1.5s;
    -moz-animation: move-top-center 1.5s;
    -o-animation: move-top-center 1.5s;
    animation: move-top-center 1.5s ;
}

.move-top-center-delay-3 {
    position:relative;
    -webkit-animation: move-top-center 1.75s;
    -moz-animation: move-top-center 1.75s;
    -o-animation: move-top-center 1.75;
    animation: move-top-center 1.75 ;
}

.move-top-center-delay-4 {
    position:relative;
    -webkit-animation: move-top-center 1s;
    -moz-animation: move-top-center 1s;
    -o-animation: move-top-center 1s;
    animation: move-top-center 1s ;
}


/* ---------------------------------------------------------- */

.move-bottom-center {
    position:relative;
    -webkit-animation: move-bottom-center 1s;
    -moz-animation: move-bottom-center 1s;
    -o-animation: move-bottom-center 1s;
    animation: move-bottom-center 1s ;
}

.move-bottom-center-delay-1 {
    position:relative;
    -webkit-animation: move-bottom-center 1.25s;
    -moz-animation: move-bottom-center 1.25s;
    -o-animation: move-bottom-center 1.25s ;
    animation:move-bottom-center 1.25s;
   
}

.move-bottom-center-delay-2 {
    position:relative;
    -webkit-animation: move-bottom-center 1.50s;
    -moz-animation: move-bottom-center 1.50s;
    -o-animation: move-bottom-center 1.50s;
    animation: move-bottom-center 1.50s ;
}

.move-bottom-center-delay-3 {
    position:relative;

    -webkit-animation: move-bottom-center 1.75s;
    -moz-animation: move-bottom-center 1.75s;
    -o-animation: move-bottom-center 1.75s;
    animation: move-bottom-center 1.75s ;
    
}

.move-bottom-center-delay-4 {
    position:relative;

    -webkit-animation: move-bottom-center 2.0s;
    -moz-animation: move-bottom-center 2.0s;
    -o-animation: move-bottom-center 2.0s;
    animation: move-bottom-center 2.0s;
    
}

/* ---------------------------------------------------------- */

.move-right-left {
    position: relative;
    -webkit-animation: move-right-left 1.0s;
    -moz-animation: move-right-left 1.0s;
    -o-animation: move-right-left 1.0s;
    animation: move-right-left 1.0s ;

}

.move-right-left-delay-1 {
    position: relative;
    -webkit-animation: move-right-left 1.2s;
    -moz-animation: move-right-left 1.2s;
    -o-animation: move-right-left 1.2s;
    animation: move-right-left 1.25s ;

}

.move-right-left-delay-2 {
    position: relative;
    -webkit-animation: move-right-left 1.3s;
    -moz-animation: move-right-left 1.3s;
    -o-animation: move-right-left 1.3s;
    animation: move-right-left 1.3s ;

}

.move-right-left-delay-3 {
    position: relative;
    -webkit-animation: move-right-left 1.4s;
    -moz-animation: move-right-left 1.4s;
    -o-animation: move-right-left 1.4s;
    animation: move-right-left 1.4s ;

}

.move-right-left-delay-4 {
    position: relative;
    -webkit-animation: move-right-left 1.5s;
    -moz-animation: move-right-left 1.5s;
    -o-animation: move-right-left 1.5s;
    animation: move-right-left 1.5s ;

}

.move-right-left-delay-5 {
    position: relative;
    -webkit-animation: move-right-left 1.6s;
    -moz-animation: move-right-left 1.65s;
    -o-animation: move-right-left 1.6s;
    animation: move-right-left 1.6s ;

}

/* ---------------------------------------------------------- */

.move-left-right {
    position: relative;
    -webkit-animation: move-left-right 2.0s;
    -moz-animation: move-left-right 2.0s;
    -o-animation: move-left-right 2.0s;
    animation: move-left-right 2.0s ;

}

/* ---------------------------------------------------------- */

.fade {
    display: block;

    -webkit-animation: fade 3s ease-out;
    -moz-animation: fade 3s ease-out;
    -o-animation: fade 3s ease-out;
    animation: fade 3s ease-out;
}

/* ---------------------------------------------------------- */

.flash-move {
    animation-delay:1s;
    animation-name: flash;
    animation-duration:1s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
    }

/* ---------------------------------------------------------- */


@-webkit-keyframes move-top-center {
    from {top:-500px;}
    to {top: 0px;}
}
@keyframes move-top-center {
    from {top: -500px;}
    to {top: 0px;}
}
@-moz-keyframes move-top-center {
    from {top: -500px;}
    to {top: 0px;}
}
@-o-keyframes move-top-center {
    from {top: -500px;}
    to {top: 0px;}
}

/* ---------------------------------------------------------- */
		
@-webkit-keyframes move-bottom-center {
    from {bottom:-500px;}
    to {bottom: 0px;}
}
@keyframes move-bottom-center {
    from {bottom: -500px;}
    to {bottom: 0px;}
}
@-moz-keyframes move-bottom-center {
    from {bottom: -500px;}
    to {bottom: 0px;}
}
@-o-keyframes move-bottom-center {
    from {bottom: -500px;}
    to {bottom: 0px;}
}

/* ---------------------------------------------------------- */
		
		
@-webkit-keyframes move-right-left {
    from {right:-500px;}
    to {right: 0px;}
    
}
@keyframes move-right-left {
    from {right: -500px;}
    to {right: 0px;}
    
}
@-moz-keyframes move-right-left {
    from {right: -500px;}
    to {right: 0px;}
    
}
@-o-keyframes move-right-left {
    from {right: -500px;}
    to {right: 0px;}
    
}

/* ---------------------------------------------------------- */

@-webkit-keyframes move-left-right {
    from {left:-500px;}
    to {left: 0px;}
    
}
@keyframes move-left-right {
    from {left: -500px;}
    to {left: 0px;}
    
}
@-moz-keyframes move-left-right {
    from {left: -500px;}
    to {left: 0px;}
    
}
@-o-keyframes move-left-right {
    from {left: -500px;}
    to {left: 0px;}
    
}

/* ---------------------------------------------------------- */


@-webkit-keyframes fade {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@-moz-keyframes fade {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@-o-keyframes fade {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes fade {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/* ---------------------------------------------------------- */
		
@-webkit-keyframes rotate {

0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
    
}
@keyframes rotate {

    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    
}
@-moz-keyframes rotate {

    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    
}
@-o-keyframes rotate {

    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    
}

@keyframes flash {
    
    0% {transform:scale(0);}
    25% {transform:scale(0.5);}
    50% {transform:scale(1);}
    75% {transform:scale(1.5);}
    100% {transform:scale(2);}
    }
