@keyframes fadeIn {
  0% { 
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleOn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleOn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
	
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


@keyframes rightIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}

@-webkit-keyframes leftIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}

@keyframes leftIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}
@-webkit-keyframes textTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}

@keyframes textTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}


@-webkit-keyframes sPrev {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes sPrev {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes sNext {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}

@keyframes sNext {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}

@-webkit-keyframes fairyT {
    0% {opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@keyframes fairyT {
    0% {opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}

@-webkit-keyframes fairyB {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes fairyB {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@-webkit-keyframes mouseMove {
    0%, 100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    25% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

@keyframes mouseMove {
    0%, 100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    25% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

@-webkit-keyframes qrline {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(185px);
        transform: translateY(185px);
    }
}

@keyframes qrline {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(185px);
        transform: translateY(185px);
    }
}

@-webkit-keyframes rightqrline {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(110px);
        transform: translateY(110px);
    }
}

@keyframes rightqrline {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(110px);
        transform: translateY(110px);
    }
}
