/*
==============================================
expandUp
==============================================
*/

.expandUp{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:0.7s;-webkit-animation-duration:0.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;}

@keyframes expandUp {
	0% {transform: translateY(0px) scale(0.6) scaleY(0.5);}
	60%{transform: translateY(0px) scaleY(1.0);}
	75%{transform: translateY(0px);}	
	100% {transform: translateY(0) scale(1) scaleY(1);}	
}

@-webkit-keyframes expandUp {
	0% {-webkit-transform: translateY(0px) scale(0.6) scaleY(0.5);}
	60%{-webkit-transform: translateY(0px) scaleY(1.0);}
	75%{-webkit-transform: translateY(0px);}	
	100% {-webkit-transform: translateY(0) scale(1) scaleY(1);}	
}
	
.fadeOut{
    	transition: all 1s ease-in-out;
    	background: none;
		visibility:hidden !important;
		}
		.fadeOut img {visibility:hidden !important;}
	
.fadeIn{	     /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
	}
	
	
.slide_1 .slide_elem1 {transform: translate3d(-350%, 0, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem1 {transform:translate3d(0px, 0px, 0px) !important;transition: all 0.8s ease 0s;}

.slide_1 .slide_elem2 {transform: translate3d(50%, -200%, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem2 {transform:translate3d(0px, 0px, 0px) !important;transition: all 0.8s ease 0s;}

.slide_1 .slide_elem3 {transform: translate3d(-200%, 300%, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem3 {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.4s ease 0s;}

.slide_1 .slide_elem4 {transform: translate3d(-700%, 0, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem4 {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.4s ease 0s;}

.slide_1 .slide_elem5 {transform: translate3d(-400%, 0, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem5 {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.4s ease 0s;}







@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
 opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(360deg); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
 opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(360deg); 
 opacity: 1; 
    } 
} 

@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
 opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-360deg); 
        opacity: 1; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
 opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(-360deg); 
 opacity: 1; 
    } 
} 

.slide_animated .slide_2 .slide_elem1 {
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
	-webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
}

.slide_animated .slide_2 .slide_elem2 {
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
	-webkit-animation-duration: 1.8s; 
    animation-duration: 1.8s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
}

.slide_animated .slide_2 .slide_elem3 {
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
	-webkit-animation-duration: 2.0s; 
    animation-duration: 2.0s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
}

.slide_2 .slide_elem4 {transform: translate3d(500%, 0, 0px);transition: all 0.4s ease 0s;opacity:0;}
.slide_animated .slide_2 .slide_elem4 {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.5s ease 0s;opacity:1;}

.slide_1 .slide_title {opacity:0;transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_title {opacity:1 !important;transition: all 1.5s ease 0s;}

.slide_2 .slide_title {opacity:0;transition: all 0.4s ease 0s;}
.slide_animated .slide_2 .slide_title {opacity:1 !important;transition: all 1.5s ease 0s;}

.slide_1 .slide_elem6 {opacity:0;transform: translate3d(500%, 0, 0px);transition: all 0.4s ease 0s;}
.slide_animated .slide_1 .slide_elem6 {opacity:1;transform:translate3d(0px, 0px, 0px) !important;transition: all 1.0s ease 0s;}

#layer6 div > div > div:nth-child(1) {transform: translate3d(-500%, 0, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(1) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.3s ease 0s  !important;opacity:1 !important;}
#layer6 div > div > div:nth-child(2) {transform: translate3d(0, -500%, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(2) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.5s ease 0s  !important;opacity:1 !important;}
#layer6 div > div > div:nth-child(3) {transform: translate3d(500%, 0, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(3) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.3s ease 0s  !important;opacity:1 !important;}
#layer6 div > div > div:nth-child(4) {transform: translate3d(-500%, 0, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(4) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.0s ease 0s  !important;opacity:1 !important;}
#layer6 div > div > div:nth-child(5) {transform: translate3d(0, 500%, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(5) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.3s ease 0s  !important;opacity:1 !important;}
#layer6 div > div > div:nth-child(6) {transform: translate3d(500%, 0, 0px);transition: all 0.4s ease 0s;opacity:0;}
.layer6_anim  > div:nth-child(6) {transform:translate3d(0px, 0px, 0px) !important;transition: all 1.0s ease 0s  !important;opacity:1 !important;}