.page-fade-in, .inner {opacity:0;-webkit-animation:fade 0.8s forwards ease-in;-moz-animation:fade 0.8s forwards ease-in;animation:fade 0.8s forwards ease-in}


.page-fade-in, .inner {-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}

@-webkit-keyframes fadein{0%{opacity:0}

100%{-webkit-transform:translateY(0);opacity:1}}

@-moz-keyframes fadein{0%{opacity:0}100%{-moz-transform:translateY(0);opacity:1}}

@keyframes fadein{0%{opacity:0}100%{transform:translateY(0);opacity:1}}

@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}

@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}
@keyframes fade{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes zoomin{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}

@-moz-keyframes zoomin{0%{-moz-transform:translateY(-20px);opacity:0}100%{-moz-transform:translateY(-20px);opacity:1}}

@keyframes zoomin{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0px);opacity:1}}





li.info_icon, li.info_title, .slides-navigation, span.menu_title, span.icon-arrow-left2 {
	opacity: 0;
	transform: translateX(-20px);
	animation-name: sidein;
	animation: .8s ease-in-out .8s normal forwards 1 sidein;
	-webkit-transform: translateX(-20px);
	-webkit-animation-name: sidein;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}


	



li.info_title, .slides-navigation, span.menu_title, span.icon-arrow-left2  {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	}	


li.info_icon, span.icon-list {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	}	



@-moz-keyframes sidein {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes sidein {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes sidein {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes sidein {
0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
}
}





#slides, .popup-inner {
	opacity: 0;
	transform: scale(1.05);
	animation-name: scaledown;
	animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) .0s normal forwards 1 scaledown;
	-webkit-transform: scale(1.05);
	-webkit-animation-name: scaledown;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}	



@-moz-keyframes scaledown {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes scaledown {
0% {
    opacity: 0;
    transform: scale(1.05);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes scaledown {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes scaledown {
0% {
    opacity: 0;
    -webkit-transform: scale(1.05);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
}
}
















.arrow_down  {
	opacity: 0;
	transform: translateY(20px);
	animation-name: word1;
	animation: .8s ease-in-out .25s normal forwards 1 word1;
	-webkit-transform: translateY(20px);
	-webkit-animation-name: word1;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}	
 
 
	
.arrow_down {
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
	}	
	

@-moz-keyframes word1 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes word1 {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes word1 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes word1 {
0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
}
}









.hero_word2  {
	opacity: 0;
	transform: translateX(-20px);
	animation-name: word2;
	animation: .8s ease-in-out .25s normal forwards 1 word2;
	-webkit-transform: translateX(-20px);
	-webkit-animation-name: word2;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}	
 
 
	
.hero_word2 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	}	
	

@-moz-keyframes word2 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes word2 {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes word2 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes word2 {
0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
}
}











.hero_word3  {
	opacity: 0;
	transform: translateY(-20px);
	animation-name: word3;
	animation: .8s ease-in-out .25s normal forwards 1 word3;
	-webkit-transform: translateY(-20px);
	-webkit-animation-name: word3;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}	
 
 
	
.hero_word3 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	}	
	

@-moz-keyframes word3 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes word3 {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes word3 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes word3 {
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
}
}












.hero_word4  {
	opacity: 0;
	transform: translateX(20px);
	animation-name: word4;
	animation: .8s ease-in-out .25s normal forwards 1 word4;
	-webkit-transform: translateX(20px);
	-webkit-animation-name: word4;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
	}	
 
 
	
.hero_word4 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	}	
	

@-moz-keyframes word4 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes word4 {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes word4 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes word4 {
0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
}
}