@keyframes litingStar{
	0% { opacity:0; transform:scale(0.9);}
	50% { opacity:1; transform:scale(1);}
	100% { opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); }
}

@-webkit-keyframes litingStar{
	0% { opacity:0; transform:scale(0.9);}
	50% { opacity:1; transform:scale(1);}
	100% { opacity:0; transform:scale(0.9);}
}


.journey-wrap .text_deco .icon01 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 2.2s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .text_deco .icon02 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 1.6s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .text_deco .icon03 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 2.6s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .text_deco .icon04 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 1.8s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .text_deco .icon05 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 2.0s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .text_deco .icon06 {animation-name: litingStar;animation-duration: 1.5s;animation-delay: 2.4s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}

@keyframes viking{
	0% { transform:rotate(0deg);}
	33% { transform:rotate(-2.5deg);}
	66% { transform:rotate(2.5deg);}
	100% { transform:rotate(0deg);}
}

@-webkit-keyframes viking{
	0% { transform:rotate(0deg);}
	33% { transform:rotate(-2.5deg);}
	66% { transform:rotate(2.5deg);}
	100% { transform:rotate(0deg);}
}

.journey-wrap .dina .id_card {animation-name: viking;animation-duration: 2s;animation-delay: 0s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal; transform-origin:center center;}

@keyframes cloudMove_Right{
	0% { left:-20%;}
	100% { left:100%;}
}

@keyframes cloudMove_Left{
	0% { right:-20%;}
	100% { right:100%;}
}
.journey-wrap .bg_deco .cloud:nth-child(1) {left:-100%;}
.journey-wrap .bg_deco .cloud:nth-child(2) {left:-100%;}
.journey-wrap .bg_deco .cloud:nth-child(3) {left:auto; right:-100%;}

.journey-wrap .bg_deco .cloud:nth-child(1) {animation-name: cloudMove_Right;animation-duration: 50s;animation-delay: 25s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .bg_deco .cloud:nth-child(2) {animation-name: cloudMove_Right;animation-duration: 55s;animation-delay: 0s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}
.journey-wrap .bg_deco .cloud:nth-child(3) {animation-name: cloudMove_Left;animation-duration: 50s;animation-delay: 15s;animation-iteration-count: infinite;animation-timing-function: linear;animation-direction: normal;}


@-webkit-keyframes hoverJump{
	0% { transform:scale(0.7); opacity:0;}
	33% { transform:scale(1.2); opacity:1;}
	66% { transform:scale(0.6); opacity:1;}
	100% { transform:scale(1.0); opacity:1;}
}

.journey-wrap .dina .icon {transition:all 100ms cubic-bezier(0.250, 0.460, 0.890, 1.650); transform:scale(0.7); opacity:0;}
.journey-wrap .dina .icon.hover {transform:scale(1.0);opacity:1; }
/*.journey-wrap .dina .icon.hover {animation-name: hoverJump;animation-duration: 300ms;animation-delay: 0ms;animation-iteration-count: 1;animation-timing-function: linear;animation-direction: inherit;animation-fill-mode:both;}*/

.journey-wrap .dina .icon {opacity:0;}
.journey-wrap .dina .icon.y_turn {transition:none; transform:scale(1.0) rotateY(180deg);}

@keyframes dinaShowing{
	0% { opacity:0; transform:scale(1.0);}
	30% { opacity:1; transform:scale(1.0);}
	70% { opacity:1; transform:scale(1.0);}
	100% { opacity:0; transform:scale(1.0);}
}
.journey-wrap .dina .icon.rndShow  {animation-name: dinaShowing;animation-duration: 1.5s;animation-iteration-count: 1;animation-timing-function: linear;animation-direction: normal; }