@charset "utf-8";

/* 투명 */
@-webkit-keyframes opac0 { 0% {
opacity:0
}
 100% {
opacity:1
}
}
@-webkit-keyframes opac0_50 { 0% {
opacity:0
}
 50% {
opacity:0
}
 100% {
opacity:1
}
}
@keyframes animate_background { 0% {
background-position:50% 0
}
50% {
background-position:50% 100%
}
100% {
background-position:50% 0.1%
}
}
/* Y축 이동 */
@-webkit-keyframes tranY20 { 0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY20 { 0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY20 { 0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY20 { 0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY20 { 0% {
transform:translateY(20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
 @-webkit-keyframes tranY30 { 0% {
transform:translateY(30px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY30 { 0% {
transform:translateY(30px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY30 { 0% {
transform:translateY(30px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY30 { 0% {
transform:translateY(30px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY30 { 0% {
transform:translateY(30px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
 @-webkit-keyframes tranY80 { 0% {
transform:translateY(80px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY80 { 0% {
transform:translateY(80px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY80 { 0% {
transform:translateY(80px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY80 { 0% {
transform:translateY(80px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY80 { 0% {
transform:translateY(80px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranY0_40 { 0% {
transform:translateY(0);
opacity:0
}
 50% {
transform:translateY(40px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY0_40 { 0% {
transform:translateY(0);
opacity:0
}
 50% {
transform:translateY(40px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY0_40 { 0% {
transform:translateY(0);
opacity:0
}
 50% {
transform:translateY(40px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY0_40 { 0% {
transform:translateY(0);
opacity:0
}
 50% {
transform:translateY(40px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY0_40 { 0% {
transform:translateY(0);
opacity:0
}
 50% {
transform:translateY(40px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranY0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateY(50px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranYm20 { 0% {
transform:translateY(-20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-moz-keyframes tranYm20 { 0% {
transform:translateY(-20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-o-keyframes tranYm20 { 0% {
transform:translateY(-20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@-ms-keyframes tranYm20 { 0% {
transform:translateY(-20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}
@keyframes tranYm20 { 0% {
transform:translateY(-20px);
opacity:0
}
 100% {
transform:translateY(0);
opacity:1
}
}

/* X축 이동 */
@-webkit-keyframes tranX80 { 0% {
transform:translateX(80px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-moz-keyframes tranX80 { 0% {
transform:translateX(80px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-o-keyframes tranX80 { 0% {
transform:translateX(80px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-ms-keyframes tranX80 { 0% {
transform:translateX(80px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@keyframes tranX80 { 0% {
transform:translateX(80px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranX0_40 { 0% {
transform:translateX(0);
opacity:0
}
 50% {
transform:translateX(40px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-moz-keyframes tranX0_40 { 0% {
transform:translateX(0);
opacity:0
}
 50% {
transform:translateX(40px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-o-keyframes tranX0_40 { 0% {
transform:translateX(0);
opacity:0
}
 50% {
transform:translateX(40px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-ms-keyframes tranX0_40 { 0% {
transform:translateX(0);
opacity:0
}
 50% {
transform:translateX(40px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@keyframes tranX0_40 { 0% {
transform:translateX(0);
opacity:0
}
 50% {
transform:translateX(40px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
/**********************/
@-webkit-keyframes tranX0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateX(50px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-moz-keyframes tranX0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateX(50px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-o-keyframes tranX0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateX(50px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@-ms-keyframes tranX0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateX(50px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}
@keyframes tranX0_50 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translateX(50px);
opacity:0
}
 100% {
transform:translateX(0);
opacity:1
}
}

/* X, Y축 이동 */
@-webkit-keyframes tranXY0_80 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translate(80px, -80px);
opacity:0
}
 100% {
transform:translate(0);
opacity:1
}
}
@-moz-keyframes tranXY0_80 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translate(80px, -80px);
opacity:0
}
 100% {
transform:translate(0);
opacity:1
}
}
@-o-keyframes tranXY0_80 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translate(80px, -80px);
opacity:0
}
 100% {
transform:translate(0);
opacity:1
}
}
@-ms-keyframes tranXY0_80 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translate(80px, -80px);
opacity:0
}
 100% {
transform:translate(0);
opacity:1
}
}
@keyframes tranXY0_80 { 0% {
transform:translate(0);
opacity:0
}
 60% {
transform:translate(80px, -80px);
opacity:0
}
 100% {
transform:translate(0);
opacity:1
}
}
 @keyframes fancy { 0% {
transform: rotateZ(0deg);
opcaity: 0;
}
 50% {
opacity: 0.5;
}
 100% {
transform: rotateZ(180deg) opacity: 1;
}
}
 @keyframes scale-up { 0% {
 opacity: 0;
 transform: scale(0);
}
 60% {
 transform: scale(1.2);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
 @keyframes scale-down { 0% {
 opacity: 1;
 transform: scale(1);
}
 100% {
 opacity: 0;
 transform: scale(0);
}
}
@-webkit-keyframes blurFadeInOut { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
}
 20%, 75% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
}
 100% {
 opacity: 0;
 text-shadow: 0px 0px 50px #fff;
 -webkit-transform: scale(0);
}
}
@-webkit-keyframes blurFadeIn { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
}
 50% {
 opacity: 0.5;
 text-shadow: 0px 0px 10px #fff;
 -webkit-transform: scale(1.1);
}
 100% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
}
}
@-webkit-keyframes fadeInBack { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
}
 50% {
 opacity: 0.4;
 -webkit-transform: scale(2);
}
 100% {
 opacity: 0.2;
 -webkit-transform: scale(5);
}
}
@-webkit-keyframes fadeInRotate { 0% {
 opacity: 0;
 -webkit-transform: scale(0) rotate(360deg);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1) rotate(0deg);
}
}
/**/
@-moz-keyframes blurFadeInOut { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 -moz-transform: scale(1.3);
}
 20%, 75% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 -moz-transform: scale(1);
}
 100% {
 opacity: 0;
 text-shadow: 0px 0px 50px #fff;
 -moz-transform: scale(0);
}
}
@-moz-keyframes blurFadeIn { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 -moz-transform: scale(1.3);
}
 100% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 -moz-transform: scale(1);
}
}
@-moz-keyframes fadeInBack { 0% {
 opacity: 0;
 -moz-transform: scale(0);
}
 50% {
 opacity: 0.4;
 -moz-transform: scale(2);
}
 100% {
 opacity: 0.2;
 -moz-transform: scale(5);
}
}
@-moz-keyframes fadeInRotate { 0% {
 opacity: 0;
 -moz-transform: scale(0) rotate(360deg);
}
 100% {
 opacity: 1;
 -moz-transform: scale(1) rotate(0deg);
}
}
/**/
@keyframes blurFadeInOut { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 transform: scale(1.3);
}
 20%, 75% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 transform: scale(1);
}
 100% {
 opacity: 0;
 text-shadow: 0px 0px 50px #fff;
 transform: scale(0);
}
}
@keyframes blurFadeIn { 0% {
 opacity: 0;
 text-shadow: 0px 0px 40px #fff;
 transform: scale(1.3);
}
 50% {
 opacity: 0.5;
 text-shadow: 0px 0px 10px #fff;
 transform: scale(1.1);
}
 100% {
 opacity: 1;
 text-shadow: 0px 0px 1px #fff;
 transform: scale(1);
}
}
@keyframes fadeInBack { 0% {
 opacity: 0;
 transform: scale(0);
}
 50% {
 opacity: 0.4;
 transform: scale(2);
}
 100% {
 opacity: 0.2;
 transform: scale(5);
}
}
@keyframes fadeInRotate { 0% {
 opacity: 0;
 transform: scale(0) rotate(360deg);
}
 100% {
 opacity: 1;
 transform: scale(1) rotate(0deg);
}
}
 @-webkit-keyframes anim1 { 0% {
 -webkit-transform: translate3d(417px, 640px, -1000px) rotate(0deg);
 transform: translate3d(417px, 640px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim1 { 0% {
 -webkit-transform: translate3d(417px, 640px, -1000px) rotate(0deg);
 transform: translate3d(417px, 640px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim2 { 0% {
 -webkit-transform: translate3d(857px, 1106px, -1000px) rotate(0deg);
 transform: translate3d(857px, 1106px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim2 { 0% {
 -webkit-transform: translate3d(857px, 1106px, -1000px) rotate(0deg);
 transform: translate3d(857px, 1106px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim3 { 0% {
 -webkit-transform: translate3d(918px, 1178px, -1000px) rotate(0deg);
 transform: translate3d(918px, 1178px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim3 { 0% {
 -webkit-transform: translate3d(918px, 1178px, -1000px) rotate(0deg);
 transform: translate3d(918px, 1178px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim4 { 0% {
 -webkit-transform: translate3d(-722px, -1264px, -1000px) rotate(0deg);
 transform: translate3d(-722px, -1264px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim4 { 0% {
 -webkit-transform: translate3d(-722px, -1264px, -1000px) rotate(0deg);
 transform: translate3d(-722px, -1264px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim5 { 0% {
 -webkit-transform: translate3d(-989px, -1040px, -1000px) rotate(0deg);
 transform: translate3d(-989px, -1040px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim5 { 0% {
 -webkit-transform: translate3d(-989px, -1040px, -1000px) rotate(0deg);
 transform: translate3d(-989px, -1040px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim6 { 0% {
 -webkit-transform: translate3d(-454px, -1096px, -1000px) rotate(0deg);
 transform: translate3d(-454px, -1096px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim6 { 0% {
 -webkit-transform: translate3d(-454px, -1096px, -1000px) rotate(0deg);
 transform: translate3d(-454px, -1096px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim7 { 0% {
 -webkit-transform: translate3d(760px, 986px, -1000px) rotate(0deg);
 transform: translate3d(760px, 986px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim7 { 0% {
 -webkit-transform: translate3d(760px, 986px, -1000px) rotate(0deg);
 transform: translate3d(760px, 986px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim8 { 0% {
 -webkit-transform: translate3d(940px, 1028px, -1000px) rotate(0deg);
 transform: translate3d(940px, 1028px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim8 { 0% {
 -webkit-transform: translate3d(940px, 1028px, -1000px) rotate(0deg);
 transform: translate3d(940px, 1028px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim9 { 0% {
 -webkit-transform: translate3d(1048px, 913px, -1000px) rotate(0deg);
 transform: translate3d(1048px, 913px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim9 { 0% {
 -webkit-transform: translate3d(1048px, 913px, -1000px) rotate(0deg);
 transform: translate3d(1048px, 913px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim10 { 0% {
 -webkit-transform: translate3d(-580px, -1003px, -1000px) rotate(0deg);
 transform: translate3d(-580px, -1003px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim10 { 0% {
 -webkit-transform: translate3d(-580px, -1003px, -1000px) rotate(0deg);
 transform: translate3d(-580px, -1003px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim11 { 0% {
 -webkit-transform: translate3d(1102px, 1282px, -1000px) rotate(0deg);
 transform: translate3d(1102px, 1282px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
 @keyframes anim11 { 0% {
 -webkit-transform: translate3d(1102px, 1282px, -1000px) rotate(0deg);
 transform: translate3d(1102px, 1282px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
 transform: translate3d(0, 0, 0) rotate(360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim12 { 0% {
 -webkit-transform: translate3d(-329px, -423px, -1000px) rotate(0deg);
 transform: translate3d(-329px, -423px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim12 { 0% {
 -webkit-transform: translate3d(-329px, -423px, -1000px) rotate(0deg);
 transform: translate3d(-329px, -423px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@-webkit-keyframes anim13 { 0% {
 -webkit-transform: translate3d(-997px, -588px, -1000px) rotate(0deg);
 transform: translate3d(-997px, -588px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
 @keyframes anim13 { 0% {
 -webkit-transform: translate3d(-997px, -588px, -1000px) rotate(0deg);
 transform: translate3d(-997px, -588px, -1000px) rotate(0deg);
 opacity: 0;
}
 100% {
 -webkit-transform: translate3d(0, 0, 0) rotate(-360deg);
 transform: translate3d(0, 0, 0) rotate(-360deg);
 opacity: .8;
}
}
@keyframes animate { 0% {
transform:translateY(10px);
}
 100% {
transform:translateY(-10px);
}
}
@keyframes bounce { 0%, 100% {
 transform: translateX(-100px);
 opacity:1;
 animation-timing-function:ease-in;
}
 50% {
 transform: translateX(100px);
 opacity:0;
 animation-timing-function:ease-out;
}
}
@-webkit-keyframes highlight { 0% {
 width: 0;
}
 100% {
 width: calc(100% + 10px);
}
}
@-moz-keyframes highlight { 0% {
 width: 0;
}
 100% {
 width: calc(100% + 10px);
}
}
@-o-keyframes highlight { 0% {
 width: 0;
}
 100% {
 width: calc(100% + 10px);
}
}
@keyframes highlight { 0% {
 width: 0;
}
 100% {
 width: calc(100% + 10px);
}
}
@-webkit-keyframes introText { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes introText { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes hue {  from {
 -webkit-filter: hue-rotate(0deg);
}
to { -webkit-filter: hue-rotate(-360deg); }
}