.boom .stars{
    opacity: 1;
    animation: boom ease-out 0.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: boom ease-out 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: boom ease-out 0.5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: boom ease-out 0.5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: boom ease-out 0.5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}
    


@keyframes boom {
  0% {
    opacity: 0;
    transform: translate(-50%,-50%) rotate(0deg) scaleX(0.5) scaleY(0.5); }
  83% {
    opacity: 0.8;
    transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); }
  100% {
    opacity: 0;
    transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); } }

@-moz-keyframes boom {
  0% {
    opacity: 0;
    -moz-transform: translate(-50%,-50%) rotate(0deg) scaleX(0.5) scaleY(0.5); }
  83% {
    opacity: 0.8;
    -moz-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); }
  100% {
    opacity: 0;
    -moz-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); } }

@-webkit-keyframes boom {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotate(0deg) scaleX(0.5) scaleY(0.5); }
  83% {
    opacity: 0.8;
    -webkit-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); } }

@-o-keyframes boom {
  0% {
    opacity: 0;
    -o-transform: translate(-50%,-50%) rotate(0deg) scaleX(0.5) scaleY(0.5); }
  83% {
    opacity: 0.8;
    -o-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); }
  100% {
    opacity: 0;
    -o-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); } }

@-ms-keyframes boom {
  0% {
    opacity: 0;
    -ms-transform: translate(-50%,-50%) rotate(0deg) scaleX(0.5) scaleY(0.5); }
  83% {
    opacity: 0.8;
    -ms-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); }
  100% {
    opacity: 0;
    -ms-transform: translate(-50%,-50%) rotate(30deg) scaleX(2.5) scaleY(2.5); } }

.pa {
  animation: pa ease-out 0.4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: pa ease-out 0.4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: pa ease-out 0.4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: pa ease-out 0.4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: pa ease-out 0.4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

@keyframes pa {
  0% {
    opacity: 0;
    transform: rotate(30deg) scaleX(5) scaleY(5); }
  89% {
    opacity: 0.979537425338727;
    transform: rotate(-3deg) scaleX(0.95) scaleY(0.95); }
  100% {
    opacity: 1;
    transform: rotate(0deg) scaleX(1) scaleY(1); } }

@-moz-keyframes pa {
  0% {
    opacity: 0;
    -moz-transform: rotate(30deg) scaleX(5) scaleY(5); }
  89% {
    opacity: 0.979537425338727;
    -moz-transform: rotate(-3deg) scaleX(0.95) scaleY(0.95); }
  100% {
    opacity: 1;
    -moz-transform: rotate(0deg) scaleX(1) scaleY(1); } }

@-webkit-keyframes pa {
  0% {
    opacity: 0;
    -webkit-transform: rotate(30deg) scaleX(5) scaleY(5); }
  89% {
    opacity: 0.979537425338727;
    -webkit-transform: rotate(-3deg) scaleX(0.95) scaleY(0.95); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scaleX(1) scaleY(1); } }

@-o-keyframes pa {
  0% {
    opacity: 0;
    -o-transform: rotate(30deg) scaleX(5) scaleY(5); }
  89% {
    opacity: 0.979537425338727;
    -o-transform: rotate(-3deg) scaleX(0.95) scaleY(0.95); }
  100% {
    opacity: 1;
    -o-transform: rotate(0deg) scaleX(1) scaleY(1); } }

@-ms-keyframes pa {
  0% {
    opacity: 0;
    -ms-transform: rotate(30deg) scaleX(5) scaleY(5); }
  89% {
    opacity: 0.979537425338727;
    -ms-transform: rotate(-3deg) scaleX(0.95) scaleY(0.95); }
  100% {
    opacity: 1;
    -ms-transform: rotate(0deg) scaleX(1) scaleY(1); } }

.delay1s{
  -webkit-animation-delay: 1s !important;
     -moz-animation-delay: 1s !important;
       -o-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.delay2s{
  -webkit-animation-delay: 2s !important;
     -moz-animation-delay: 2s !important;
       -o-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

.delay2-5s{
  -webkit-animation-delay: 2.5s !important;
     -moz-animation-delay: 2.5s !important;
       -o-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
}

.delay3s{
  -webkit-animation-delay: 3s !important;
     -moz-animation-delay: 3s !important;
       -o-animation-delay: 3s !important;
          animation-delay: 3s !important;
}

.delay4s{
  -webkit-animation-delay: 4s !important;
     -moz-animation-delay: 4s !important;
       -o-animation-delay: 4s !important;
          animation-delay: 4s !important;
}

.delay5s{
  -webkit-animation-delay: 5s !important;
     -moz-animation-delay: 5s !important;
       -o-animation-delay: 5s !important;
          animation-delay: 5s !important;
}
.fadeInUp {
  animation: fiu ease-out 0.6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: fiu ease-out 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: fiu ease-out 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: fiu ease-out 0.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: fiu ease-out 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }

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

@-moz-keyframes fiu {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px); }

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

@-webkit-keyframes fiu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px); }

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

@-o-keyframes fiu {
  0% {
    opacity: 0;
    -o-transform: translateY(50px); }

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

@-ms-keyframes fiu {
  0% {
    opacity: 0;
    -ms-transform: translateY(50px); }

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


.shake{
  animation: shake linear 0.8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 100%;
  -webkit-animation: shake linear 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 100%;
  -moz-animation: shake linear 0.8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 100%;
  -o-animation: shake linear 0.8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 100%;
  -ms-animation: shake linear 0.8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 100%;
}

@keyframes shake{
  0% {
    transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  15% {
    transform:  rotate(5deg) translateX(-50%) translateY(-100%) ;
  }
  30% {
    transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  100% {
    transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
}

@-moz-keyframes shake{
  0% {
    -moz-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  15% {
    -moz-transform:  rotate(5deg) translateX(-50%) translateY(-100%) ;
  }
  30% {
    -moz-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  100% {
    -moz-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  15% {
    -webkit-transform:  rotate(5deg) translateX(-50%) translateY(-100%) ;
  }
  30% {
    -webkit-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
}

@-o-keyframes shake {
  0% {
    -o-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  15% {
    -o-transform:  rotate(5deg) translateX(-50%) translateY(-100%) ;
  }
  30% {
    -o-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  100% {
    -o-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
}

@-ms-keyframes shake {
  0% {
    -ms-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  15% {
    -ms-transform:  rotate(5deg) translateX(-50%) translateY(-100%) ;
  }
  30% {
    -ms-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
  100% {
    -ms-transform:  rotate(0deg) translateX(-50%) translateY(-100%) ;
  }
}


 .goRight{
  animation: goRight ease-out 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: goRight ease-out 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: goRight ease-out 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: goRight ease-out 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: goRight ease-out 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes goRight{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    transform:  translate(130%,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(150%,0px)  ;
  }
}

@-moz-keyframes goRight{
  0% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -moz-transform:  translate(130%,0px)  ;
  }
  100% {
    opacity:0;
    -moz-transform:  translate(150%,0px)  ;
  }
}

@-webkit-keyframes goRight {
  0% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -webkit-transform:  translate(130%,0px)  ;
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(150%,0px)  ;
  }
}

@-o-keyframes goRight {
  0% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -o-transform:  translate(130%,0px)  ;
  }
  100% {
    opacity:0;
    -o-transform:  translate(150%,0px)  ;
  }
}

@-ms-keyframes goRight {
  0% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -ms-transform:  translate(130%,0px)  ;
  }
  100% {
    opacity:0;
    -ms-transform:  translate(150%,0px)  ;
  }
}


.goLeft{
  animation: goLeft ease-out 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: goLeft ease-out 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: goLeft ease-out 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: goLeft ease-out 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 5-0% 50%;
  -ms-animation: goLeft ease-out 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes goLeft{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    transform:  translate(-130%,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(-150%,0px)  ;
  }
}

@-moz-keyframes goLeft{
  0% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -moz-transform:  translate(-130%,0px)  ;
  }
  100% {
    opacity:0;
    -moz-transform:  translate(-150%,0px)  ;
  }
}

@-webkit-keyframes goLeft {
  0% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -webkit-transform:  translate(-130%,0px)  ;
  }
  100% {
    opacity:0;
    -webkit-transform:  translate(-150%,0px)  ;
  }
}

@-o-keyframes goLeft {
  0% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -o-transform:  translate(-130%,0px)  ;
  }
  100% {
    opacity:0;
    -o-transform:  translate(-150%,0px)  ;
  }
}

@-ms-keyframes goLeft {
  0% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  95% {
    opacity:0.9;
    -ms-transform:  translate(-130%,0px)  ;
  }
  100% {
    opacity:0;
    -ms-transform:  translate(-150%,0px)  ;
  }
}


.keyIn{
  animation: keyIn linear 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: keyIn linear 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: keyIn linear 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: keyIn linear 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: keyIn linear 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  cursor: none !important;
}

@keyframes keyIn{
  0% {
    transform:  translate(-50%, -50%) rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  40%{
    transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
    left: 48%;
    top: 75.6%;
  }
  70%{

    transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  85%{
    left: 54%;
    top: 75.6%;
    transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  100% {
    left: 54%;
    top: 75.6%;
    transform:  translateX(-74%) translateY(-50%) scale(0.31) rotateY(-205deg) rotateZ(-320deg) rotateX(45deg);
  }
}

@-moz-keyframes keyIn{
  0% {
    -moz-transform:  translate(-50%,-50%)  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  40%{
    -moz-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
    left: 48%;
    top: 75.6%;
  }
  70%{

    -moz-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  85%{
    left: 54%;
    top: 75.6%;
    -moz-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  100% {
    left: 54%;
    top: 75.6%;
    -moz-transform:  translateX(-74%) translateY(-50%) scale(0.31) rotateY(-205deg) rotateZ(-320deg) rotateX(45deg);
  }
}

@-webkit-keyframes keyIn {
  0% {
    -webkit-transform:  translate(-50%,-50%)  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  40%{
    -webkit-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
    left: 48%;
    top: 75.6%;
  }
  70%{

    -webkit-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  85%{
    left: 54%;
    top: 75.6%;
    -webkit-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  100% {
    left: 54%;
    top: 75.6%;
    -webkit-transform:  translateX(-74%) translateY(-50%) scale(0.31) rotateY(-205deg) rotateZ(-320deg) rotateX(45deg);
  }
}

@-o-keyframes keyIn {
  0% {
    -o-transform:  translate(-50%,-50%)  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  40%{
    -o-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
    left: 48%;
    top: 75.6%;
  }
  70%{

    -o-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  85%{
    left: 54%;
    top: 75.6%;
    -o-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  100% {
    left: 54%;
    top: 75.6%;
    -o-transform:  translateX(-74%) translateY(-50%) scale(0.31) rotateY(-205deg) rotateZ(-320deg) rotateX(45deg);
  }
}

@-ms-keyframes keyIn {
  0% {
    -ms-transform:  translate(-50%,-50%)  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  40%{
    -ms-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
    left: 48%;
    top: 75.6%;
  }
  70%{

    -ms-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  85%{
    left: 54%;
    top: 75.6%;
    -ms-transform: translateX(-74%) translateY(-50%) scale(0.31) rotateY(-209deg) rotateZ(-319deg);
  }
  100% {
    left: 54%;
    top: 75.6%;
    -ms-transform:  translateX(-74%) translateY(-50%) scale(0.31) rotateY(-205deg) rotateZ(-320deg) rotateX(45deg);
  }
}


.boxOpen_process{
  animation: boxOpen_process linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: boxOpen_process linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: boxOpen_process linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: boxOpen_process linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: boxOpen_process linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes boxOpen_process{
  0% {
    opacity:0;
  }
  100% {
    opacity:1 !important;
  }
}

@-moz-keyframes boxOpen_process{
  0% {
    opacity:0;
  }
  100% {
    opacity:1 !important;
  }
}

@-webkit-keyframes boxOpen_process {
  0% {
    opacity:0;
  }
  100% {
    opacity:1 !important;
  }
}

@-o-keyframes boxOpen_process {
  0% {
    opacity:0;
  }
  100% {
    opacity:1 !important;
  }
}

@-ms-keyframes boxOpen_process {
  0% {
    opacity:0;
  }
  100% {
    opacity:1 !important;
  }
}


.swing{
  animation: swing linear 0.3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: swing linear 0.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: swing linear 0.3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: swing linear 0.3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: swing linear 0.3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes swing{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) scaleX(1.00) ;
  }
  9% {
    transform:  translate(0px,0px)  rotate(0deg) scaleX(1.01) ;
  }
  18% {
    transform:  translate(-4px,0px)  rotate(-2deg) scaleX(1.02) ;
  }
  44% {
    transform:  translate(-7px,-1px)  rotate(-3deg) scaleX(1.05) ;
  }
  74% {
    transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.02) ;
  }
  100% {
    transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.00) ;
  }
}

@-moz-keyframes swing{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.00) ;
  }
  9% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.01) ;
  }
  18% {
    -moz-transform:  translate(-4px,0px)  rotate(-2deg) scaleX(1.02) ;
  }
  44% {
    -moz-transform:  translate(-7px,-1px)  rotate(-3deg) scaleX(1.05) ;
  }
  74% {
    -moz-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.02) ;
  }
  100% {
    -moz-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.00) ;
  }
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.00) ;
  }
  9% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.01) ;
  }
  18% {
    -webkit-transform:  translate(-4px,0px)  rotate(-2deg) scaleX(1.02) ;
  }
  44% {
    -webkit-transform:  translate(-7px,-1px)  rotate(-3deg) scaleX(1.05) ;
  }
  74% {
    -webkit-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.02) ;
  }
  100% {
    -webkit-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.00) ;
  }
}

@-o-keyframes swing {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.00) ;
  }
  9% {
    -o-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.01) ;
  }
  18% {
    -o-transform:  translate(-4px,0px)  rotate(-2deg) scaleX(1.02) ;
  }
  44% {
    -o-transform:  translate(-7px,-1px)  rotate(-3deg) scaleX(1.05) ;
  }
  74% {
    -o-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.02) ;
  }
  100% {
    -o-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.00) ;
  }
}

@-ms-keyframes swing {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.00) ;
  }
  9% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) scaleX(1.01) ;
  }
  18% {
    -ms-transform:  translate(-4px,0px)  rotate(-2deg) scaleX(1.02) ;
  }
  44% {
    -ms-transform:  translate(-7px,-1px)  rotate(-3deg) scaleX(1.05) ;
  }
  74% {
    -ms-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.02) ;
  }
  100% {
    -ms-transform:  translate(7px,-1px)  rotate(3deg) scaleX(1.00) ;
  }
}


.rotateY{
  animation: rotateY ease-out 0.6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: rotateY ease-out 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: rotateY ease-out 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: rotateY ease-out 0.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: rotateY ease-out 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes rotateY{
  0% {
    transform:  rotateY(0deg);
  }
  100% {
    transform:  rotateY(180deg);
  }
}

@-moz-keyframes rotateY{
  0% {
    -moz-transform:  rotateY(0deg);
  }
  100% {
    -moz-transform:  rotateY(180deg);
  }
}

@-webkit-keyframes rotateY {
  0% {
    -webkit-transform:  rotateY(0deg);
  }
  100% {
    -webkit-transform:  rotateY(180deg);
  }
}

@-o-keyframes rotateY {
  0% {
    -o-transform:  rotateY(0deg);
  }
  100% {
    -o-transform:  rotateY(180deg);
  }
}

@-ms-keyframes rotateY {
  0% {
    -ms-transform:  rotateY(0deg);
  }
  100% {
    -ms-transform:  rotateY(180deg);
  }
}

.answers.fadeInDown{
  display: block;
}
.fadeInDown{
  display: block !important;
  animation: fadeInDown ease-out 0.3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: fadeInDown ease-out 0.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: fadeInDown ease-out 0.3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: fadeInDown ease-out 0.3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: fadeInDown ease-out 0.3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes fadeInDown{
  0% {
    transform: translate(0,-30px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
    opacity: 1;
    display: block !important;
  }
}

@-moz-keyframes fadeInDown{
  0% {
    -moz-transform: translate(0,-30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0,0);
    opacity: 1;
    display: block !important;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate(0,-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0,0);
    opacity: 1;
    display: block !important;
  }
}

@-o-keyframes fadeInDown {
  0% {
    -o-transform: translate(0,-30px);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0,0);
    opacity: 1;
    display: block !important;
  }
}

@-ms-keyframes fadeInDown {
  0% {
    -ms-transform: translate(0,-30px);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0,0);
    opacity: 1;
    display: block !important;
  }
}

.fadeOutDown{
  animation: fadeOutDown ease-out 0.3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: fadeOutDown ease-out 0.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: fadeOutDown ease-out 0.3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: fadeOutDown ease-out 0.3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: fadeOutDown ease-out 0.3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes fadeOutDown{
  0% {
    transform: translate(0,0);
    opacity: 1;
  }
  100% {
    transform: translate(0,30px);
    opacity: 0;
    display: none !important;
  }
}

@-moz-keyframes fadeOutDown{
  0% {
    -moz-transform: translate(0,0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0,30px);
    opacity: 0;
    display: none !important;
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    -webkit-transform: translate(0,0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0,30px);
    opacity: 0;
    display: none !important;
  }
}

@-o-keyframes fadeOutDown {
  0% {
    -o-transform: translate(0,0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0,30px);
    opacity: 0;
    display: none !important;
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    -ms-transform: translate(0,0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0,30px);
    opacity: 0;
    display: none;
  }
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
}
.bouncing-loader {
  display: flex;
  justify-content: center;
}
.bouncing-loader > div {
  width: 1rem;
  height: 1rem;
  margin: 3rem 0.2rem;
  background: #743DDE;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}


.fsBG{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,5c3de5+100 */
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(left, #7abcff 0%, #5c3de5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #7abcff 0%,#5c3de5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #7abcff 0%,#5c3de5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#5c3de5',GradientType=1 ); /* IE6-9 */
}

.move1{
  animation: move1 ease-out 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move1 ease-out 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move1 ease-out 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move1 ease-out 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move1 ease-out 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move1{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(23px,-10px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move1{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(23px,-10px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move1 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(23px,-10px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move1 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(23px,-10px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move1 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(23px,-10px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.move2{
  animation: move2 ease-out 9s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move2 ease-out 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move2 ease-out 9s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move2 ease-out 9s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move2 ease-out 9s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move2{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(-32px,11px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move2{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(-32px,11px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move2 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(-32px,11px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move2 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(-32px,11px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move2 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(-32px,11px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.move3{
  animation: move3 ease-out 9s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move3 ease-out 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move3 ease-out 9s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move3 ease-out 9s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move3 ease-out 9s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move3{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(26px,-26px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move3{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(26px,-26px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move3 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(26px,-26px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move3 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(26px,-26px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move3 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(26px,-26px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.move4{
  animation: move4 ease-out 9s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move4 ease-out 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move4 ease-out 9s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move4 ease-out 9s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move4 ease-out 9s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move4{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(-33px,-6px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move4{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(-33px,-6px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move4 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(-33px,-6px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move4 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(-33px,-6px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move4 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(-33px,-6px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.move5{
  animation: move5 ease-out 9s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move5 ease-out 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move5 ease-out 9s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move5 ease-out 9s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move5 ease-out 9s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move5{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(23px,-6px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move5{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(23px,-6px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move5 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(23px,-6px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move5 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(23px,-6px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move5 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(23px,-6px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.move6{
  animation: move6 ease-out 6s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move6 ease-out 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move6 ease-out 6s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move6 ease-out 6s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move6 ease-out 6s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move6{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(-7px,2px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move6{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(-7px,2px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move6 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(-7px,2px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move6 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(-7px,2px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move6 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(-7px,2px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.move7{
  animation: move7 ease-out 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: move7 ease-out 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: move7 ease-out 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: move7 ease-out 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: move7 ease-out 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes move7{
  0% {
    transform:  translate(0px,0px)  ;
  }
  51% {
    transform:  translate(0px,11px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes move7{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  51% {
    -moz-transform:  translate(0px,11px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes move7 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  51% {
    -webkit-transform:  translate(0px,11px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes move7 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  51% {
    -o-transform:  translate(0px,11px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes move7 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  51% {
    -ms-transform:  translate(0px,11px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}


.lockAnim{
  animation: lockAnim ease 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: lockAnim ease 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: lockAnim ease 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: lockAnim ease 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: lockAnim ease 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes lockAnim{
  0% {
    transform:  rotate(0deg) ;
  }
  15% {
    transform:  rotate(15deg) ;
  }
  29% {
    transform:  rotate(-15deg) ;
  }
  44% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes lockAnim{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  15% {
    -moz-transform:  rotate(15deg) ;
  }
  29% {
    -moz-transform:  rotate(-15deg) ;
  }
  44% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes lockAnim {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  15% {
    -webkit-transform:  rotate(15deg) ;
  }
  29% {
    -webkit-transform:  rotate(-15deg) ;
  }
  44% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes lockAnim {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  15% {
    -o-transform:  rotate(15deg) ;
  }
  29% {
    -o-transform:  rotate(-15deg) ;
  }
  44% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes lockAnim {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  15% {
    -ms-transform:  rotate(15deg) ;
  }
  29% {
    -ms-transform:  rotate(-15deg) ;
  }
  44% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}


.gameJump{
  animation: gameJump ease 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: gameJump ease 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: gameJump ease 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: gameJump ease 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: gameJump ease 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes gameJump{
  0% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  14% {
    transform:  translate(0px,-22px)  scaleX(0.94) scaleY(1.00) ;
  }
  25% {
    transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  27% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes gameJump{
  0% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -moz-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  14% {
    -moz-transform:  translate(0px,-22px)  scaleX(0.94) scaleY(1.00) ;
  }
  25% {
    -moz-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  27% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes gameJump {
  0% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -webkit-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  14% {
    -webkit-transform:  translate(0px,-22px)  scaleX(0.94) scaleY(1.00) ;
  }
  25% {
    -webkit-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  27% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes gameJump {
  0% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -o-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  14% {
    -o-transform:  translate(0px,-22px)  scaleX(0.94) scaleY(1.00) ;
  }
  25% {
    -o-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  27% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes gameJump {
  0% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -ms-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  14% {
    -ms-transform:  translate(0px,-22px)  scaleX(0.94) scaleY(1.00) ;
  }
  25% {
    -ms-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  27% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

.infoJump{
  animation: infoJump ease 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: infoJump ease 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: infoJump ease 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: infoJump ease 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: infoJump ease 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes infoJump{
  0% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  11% {
    transform:  translate(0px,-8px)  scaleX(0.94) scaleY(1.00) ;
  }
  20% {
    transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  22% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes infoJump{
  0% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -moz-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  11% {
    -moz-transform:  translate(0px,-8px)  scaleX(0.94) scaleY(1.00) ;
  }
  20% {
    -moz-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  22% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes infoJump {
  0% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -webkit-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  11% {
    -webkit-transform:  translate(0px,-8px)  scaleX(0.94) scaleY(1.00) ;
  }
  20% {
    -webkit-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  22% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes infoJump {
  0% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -o-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  11% {
    -o-transform:  translate(0px,-8px)  scaleX(0.94) scaleY(1.00) ;
  }
  20% {
    -o-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  22% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes infoJump {
  0% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    -ms-transform:  translate(0px,3px)  scaleX(1.01) scaleY(0.97) ;
  }
  11% {
    -ms-transform:  translate(0px,-8px)  scaleX(0.94) scaleY(1.00) ;
  }
  20% {
    -ms-transform:  translate(0px,1px)  scaleX(1.00) scaleY(0.99) ;
  }
  22% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

.flower-fall{
  animation: flower-fall linear 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: flower-fall linear 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: flower-fall linear 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: flower-fall linear 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: flower-fall linear 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes flower-fall{
  0% {
    transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 0%;
    transform: rotate(270deg) ;
  }
  100% {
    top: 105%;
    left: 0%;
    transform: rotate(270deg) ;
  }
}

@-moz-keyframes flower-fall{
  0% {
    -moz-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 0%;
    -moz-transform: rotate(270deg) ;
  }
  100% {
    top: 105%;
    left: 0%;
    -moz-transform: rotate(270deg) ;
  }
}

@-webkit-keyframes flower-fall {
  0% {
    -webkit-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 0%;
    -webkit-transform: rotate(270deg) ;
  }
  100% {
    top: 105%;
    left: 0%;
    -webkit-transform: rotate(270deg) ;
  }
}

@-o-keyframes flower-fall {
  0% {
    -o-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 0%;
    -o-transform: rotate(270deg) ;
  }
  100% {
    top: 105%;
    left: 0%;
    -o-transform: rotate(270deg) ;
  }
}

@-ms-keyframes flower-fall {
  0% {
    -ms-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 0%;
    -ms-transform: rotate(270deg) ;
  }
  100% {
    top: 105%;
    left: 0%;
    -ms-transform: rotate(270deg) ;
  }
}

.flower-fall2 {
  animation: flower-fall2 linear 8s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: flower-fall2 linear 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: flower-fall2 linear 8s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: flower-fall2 linear 8s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: flower-fall2 linear 8s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes flower-fall2{
  0% {
    transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 10%;
    transform: rotate(500deg) ;
  }
  100% {
    top: 105%;
    left: 10%;
    transform: rotate(500deg) ;
  }
}

@-moz-keyframes flower-fall2{
  0% {
    -moz-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 10%;
    -moz-transform: rotate(500deg) ;
  }
  100% {
    top: 105%;
    left: 10%;
    -moz-transform: rotate(500deg) ;
  }
}

@-webkit-keyframes flower-fall2 {
  0% {
    -webkit-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 10%;
    -webkit-transform: rotate(500deg) ;
  }
  100% {
    top: 105%;
    left: 10%;
    -webkit-transform: rotate(500deg) ;
  }
}

@-o-keyframes flower-fall2 {
  0% {
    -o-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 10%;
    -o-transform: rotate(500deg) ;
  }
  100% {
    top: 105%;
    left: 10%;
    -o-transform: rotate(500deg) ;
  }
}

@-ms-keyframes flower-fall2 {
  0% {
    -ms-transform: rotate(0deg) ;
  }
  40% {
    top: 105%;
    left: 10%;
    -ms-transform: rotate(500deg) ;
  }
  100% {
    top: 105%;
    left: 10%;
    -ms-transform: rotate(500deg) ;
  }
}


.lockShake{
  animation: lockShake ease 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: lockShake ease 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: lockShake ease 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: lockShake ease 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: lockShake ease 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes lockShake{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  6% {
    transform:  translate(9px,-1px)  rotate(9deg) ;
  }
  13% {
    transform:  translate(-11px,0px)  rotate(-10deg) ;
  }
  20% {
    transform:  translate(3px,1px)  rotate(5deg) ;
  }
  23% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes lockShake{
  0% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  6% {
    -moz-transform:  translate(9px,-1px)  rotate(9deg) ;
  }
  13% {
    -moz-transform:  translate(-11px,0px)  rotate(-10deg) ;
  }
  20% {
    -moz-transform:  translate(3px,1px)  rotate(5deg) ;
  }
  23% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes lockShake {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  6% {
    -webkit-transform:  translate(9px,-1px)  rotate(9deg) ;
  }
  13% {
    -webkit-transform:  translate(-11px,0px)  rotate(-10deg) ;
  }
  20% {
    -webkit-transform:  translate(3px,1px)  rotate(5deg) ;
  }
  23% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes lockShake {
  0% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  6% {
    -o-transform:  translate(9px,-1px)  rotate(9deg) ;
  }
  13% {
    -o-transform:  translate(-11px,0px)  rotate(-10deg) ;
  }
  20% {
    -o-transform:  translate(3px,1px)  rotate(5deg) ;
  }
  23% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes lockShake {
  0% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  6% {
    -ms-transform:  translate(9px,-1px)  rotate(9deg) ;
  }
  13% {
    -ms-transform:  translate(-11px,0px)  rotate(-10deg) ;
  }
  20% {
    -ms-transform:  translate(3px,1px)  rotate(5deg) ;
  }
  23% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}