/* CSS Document */

.noel{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes n01_d {
  from,to {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }

  50% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
}

@keyframes n01_d {
  from,to {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }

  50% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
}

@-webkit-keyframes n01_c {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes n01_c {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.n01 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: n01_d;
  animation-name: n01_d;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.n01.click{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: n01_c;
  animation-name: n01_c;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation-iteration-count: none;
  animation-iteration-count: none;
}

@-webkit-keyframes n02_d {
  from,to {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  
}

@keyframes n02_d {
  from,to {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  
}

@-webkit-keyframes n02_c {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
}

@keyframes n02_c {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.n02 {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-name: n02_d;
  animation-name: n02_d;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.n02.click{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: n02_c;
  animation-name: n02_c;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-iteration-count: none;
  animation-iteration-count: none;
}

@-webkit-keyframes n03_d {
  from,to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 15px;
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: -15px;
  }
  
}

@keyframes n03_d {
  from,to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 15px;
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: -15px;
  }
  
}

@-webkit-keyframes n03_c {
  from {
    top: 638px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    top: 598px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 20px;
  }

  20% {
    top: 638px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 20px;
  }
  
  90% {
    top: 638px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 15px;
  }
  
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 15px;
  }
  
}

@keyframes n03_c {
  from {
    top: 638px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    top: 598px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 20px;
  }

  20% {
    top: 638px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 20px;
  }
  
  90% {
    top: 638px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 15px;
  }
  
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    left: 15px;
  }
  
}
  
.n03 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: n03_d;
  animation-name: n03_d;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.n03.click {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: n03_c;
  animation-name: n03_c;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-iteration-count: none;
  animation-iteration-count: none;
}

@-webkit-keyframes n04_d {
  from,to {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  
}

@keyframes n04_d {
  from,to {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  
}

@-webkit-keyframes n04_c {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
}

@keyframes n04_c {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.n04 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: n04_d;
  animation-name: n04_d;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.n04.click{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: n04_c;
  animation-name: n04_c;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-iteration-count: none;
  animation-iteration-count: none;
}

@-webkit-keyframes n05_d {
  from,to {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    right: 45px;
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: 42px;
  }
  
}

@keyframes n05_d {
  from,to {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    right: 45px;
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: 42px;
  }
  
}

@-webkit-keyframes n05_c {
  from {
    top: -600px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  10% {
    top: -640px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 60px;
  }

  20% {
    top: -600px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 60px;
  }
  
  to {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    right: 45px;
  }
  
}

@keyframes n05_c {
  from {
    top: -600px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  10% {
    top: -640px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 60px;
  }

  20% {
    top: -600px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 60px;
  }
  
  to {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    right: 45px;
  }
  
}

.n05 {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-name: n05_d;
  animation-name: n05_d;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.n05.click {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: n05_c;
  animation-name: n05_c;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-iteration-count: none;
  animation-iteration-count: none;
}