@charset "UTF-8";
/* CSS Document */

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

 @keyframes fadeUp {
	0% { transform:translateY(50px); opacity:0; }
 100% { transform:translateY(0); opacity:1; }
	}

 @keyframes up {
	0% { transform:translateY(30px); }
 100% { transform:translateY(0); }
	}

 @keyframes fadeRight {
	0% { transform:translateX(-10%); opacity:0; }
 100% { transform:translateX(0); opacity:1; }
	}

 @keyframes fadeLeft {
	0% { transform:translateX(10%); opacity:0; }
 100% { transform:translateX(0); opacity:1; }
	}

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

@keyframes fadeOut {
    from { transform:translateY(0); opacity:1; }
    to { transform:translateY(100%); margin-top:20%; opacity:0; }
}
@keyframes fadeOut_expand {
    from { transform:translateY(0); opacity:1; }
    to { transform:translateY(100%); opacity:0; }
}

 @keyframes balloon {
	0% { transform:translate(-50%,10%); opacity:0; }
 100% { transform:translate(-50%,0); opacity:1; }
	}

 @keyframes balloonTop {
	0% { transform:translate(-50%,-10%); opacity:0; }
 100% { transform:translate(-50%,0); opacity:1; }
	}

 @keyframes quick {
	0% { transform:translate(-50%,10%); opacity:0; }
 100% { transform:translate(-50%,0); opacity:1; }
	}

@keyframes login {
	0% { transform:translateY(30px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
	}

@keyframes smile {
	0% { transform:rotateX(0); }
	25% { transform:rotateX(30deg) }
	50% { transform:rotateX(0); }
	 75% { transform:rotateX(-30deg) }
	 100% { transform:rotateX(0); }
	}

 @keyframes rotate {
	0% { transform:rotate(0deg); }
 100% { transform:rotate(360deg); }
	}

@keyframes errorIg {
	0% { transform:rotate(0); }
	50% { transform:rotate(20deg) }
	 100% { transform:rotate(0); }
	}

@keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}


@keyframes fadeInOut {
    from { opacity:0; }
    50% { opacity:1; }
    to { opacity:0; }
}

@keyframes sitemap {
    from { opacity:0; }
    to { opacity:1; }
}

 @keyframes textUp {
	0% { transform:translateY(110%); }
 100% { transform:translateY(-13%); }
	}

 @keyframes imgshow {
	0% { width:0; }
 100% { width:100%; }
	}

@keyframes fadeShow {
	0% { opacity:0; }
    100% { opacity:1; }
	}

 @keyframes fadeUpXY {
	0% { margin-bottom:-30px; opacity:0; }
 100% { margin-bottom:0px; opacity:1; }
	}

 @keyframes progressbar {
	0% { width:0%; }
 100% { width:100%; }
	}

 @keyframes scroll {
	0% { top:0; width:0; height:0; }
 20% { width:10px; height:10px; }
   80% { width:10px; height:10px; }
 100% { top:100%; width:0; height:0;}
	}

@keyframes jelly {
   25% { transform:scale(.9,1.1); }
    50% { transform:scale(1.1,.9); }
    75% { transform:scale(.95,1.05); }
}

@keyframes sitemapbox {
   0% { right:-100%; }
   100% { right:0; }
}

@keyframes spin {
   0% { transform:rotate(0); } 100% { transform:rotate(360deg); }
}

@keyframes bloon {
   0% { transform:translateY(0); }
   50% { transform:translateY(10%); }
   100% { transform:translateY(0); }
}

@keyframes boom {
   0% { transform:scale(0); }
   100% { transform:scale(1); }
}


.motion.run.headline.fadeup p { animation:fadeUp 1s both cubic-bezier(0.5,1,0.89,1); }
.motion.run.fadeup .headline_imgbox { animation:fadeUp 1s both cubic-bezier(0.5,1,0.89,1); animation-delay:0.3s; }

/*.motion .fadeup { animation:fadeOut 0.5s both cubic-bezier(.22, .61,.36, 1); }
.motion .faderight { animation:fadeRight 0.5s both cubic-bezier(.22, .61,.36, 1); }
.motion .fadeleft { animation:fadeLeft 0.5s both cubic-bezier(.22, .61,.36, 1); }
.motion .fadeup_expand { animation:fadeOut_expand 0.5s both cubic-bezier(.22, .61,.36, 1); }*/

.fadeup, .fadeleft, .fadedown, .faderight { opacity:0; }
.motion.fadeup.run, .motion.run .fadeup { animation:fadeUp 1s both cubic-bezier(0.5,1,0.89,1); }
.motion.faderight.run, .motion.run .faderight { animation:fadeRight 1s both cubic-bezier(0.5,1,0.89,1); }
.motion.fadeleft.run, .motion.run .fadeleft { animation:fadeLeft 1s both cubic-bezier(0.5,1,0.89,1); }
.motion.fadeup_expand.run, .motion.run .fadeup_expand { animation:fadeUpExpand 1s both cubic-bezier(0.5,1,0.89,1); }

.fadeupAuto { animation:fadeUp 0.7s both cubic-bezier(0.5,1,0.89,1); }