@charset "utf-8";
.particleBlock { position:absolute;  margin:40% auto 0 auto ; z-index:9; }
.particle { position: absolute; }
.particle:nth-child(1) { width:2px; height:2px; background-color:#f2705a; border-radius:2px; box-shadow: 0 0 4px 2px #f2705a; animation: particle1 10285ms infinite 5176ms;bottom: -10px; }

@keyframes particle1 {
  0% {
    transform: translate3d(435.2px, -10px, 0); }
  96% {
    opacity: 0; }
  100% {
    transform: translate3d(115.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(2) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle2 10645ms infinite 4044ms;
  bottom: -10px; }

@keyframes particle2 {
  0% {
    transform: translate3d(691.2px, -10px, 0); }
  83% {
    opacity: 0; }
  100% {
    transform: translate3d(345.6px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(3) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle3 10294ms infinite 2518ms;
  bottom: -10px; }

@keyframes particle3 {
  0% {
    transform: translate3d(89.6px, -10px, 0); }
  66% {
    opacity: 0; }
  100% {
    transform: translate3d(-294.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(4) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle4 10867ms infinite 3259ms;
  bottom: -5px; }

@keyframes particle4 {
  0% {
    transform: translate3d(1126.4px, -5px, 0); }
  89% {
    opacity: 0; }
  100% {
    transform: translate3d(1062.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(5) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle5 10960ms infinite 5638ms;
  bottom: -5px; }

@keyframes particle5 {
  0% {
    transform: translate3d(307.2px, -5px, 0); }
  80% {
    opacity: 0; }
  100% {
    transform: translate3d(-256px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(6) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle6 8161ms infinite 4732ms;
  bottom: -5px; }

@keyframes particle6 {
  0% {
    transform: translate3d(422.4px, -5px, 0); }
  73% {
    opacity: 0; }
  100% {
    transform: translate3d(192px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(7) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle7 8152ms infinite 2005ms;
  bottom: -5px; }

@keyframes particle7 {
  0% {
    transform: translate3d(563.2px, -5px, 0); }
  63% {
    opacity: 0; }
  100% {
    transform: translate3d(-12.8px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(8) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle8 10038ms infinite 5255ms;
  bottom: -5px; }

@keyframes particle8 {
  0% {
    transform: translate3d(1049.6px, -5px, 0); }
  55% {
    opacity: 0; }
  100% {
    transform: translate3d(665.6px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(9) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle9 8062ms infinite 2971ms;
  bottom: -10px; }

@keyframes particle9 {
  0% {
    transform: translate3d(230.4px, -10px, 0); }
  66% {
    opacity: 0; }
  100% {
    transform: translate3d(-12.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(10) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle10 8395ms infinite 4570ms;
  bottom: -5px; }

@keyframes particle10 {
  0% {
    transform: translate3d(652.8px, -5px, 0); }
  71% {
    opacity: 0; }
  100% {
    transform: translate3d(563.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(11) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle11 8846ms infinite 1887ms;
  bottom: -10px; }

@keyframes particle11 {
  0% {
    transform: translate3d(1177.6px, -10px, 0); }
  84% {
    opacity: 0; }
  100% {
    transform: translate3d(742.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(12) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle12 8051ms infinite 6635ms;
  bottom: -10px; }

@keyframes particle12 {
  0% {
    transform: translate3d(140.8px, -10px, 0); }
  63% {
    opacity: 0; }
  100% {
    transform: translate3d(140.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(13) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle13 10908ms infinite 1521ms;
  bottom: -5px; }

@keyframes particle13 {
  0% {
    transform: translate3d(1139.2px, -5px, 0); }
  56% {
    opacity: 0; }
  100% {
    transform: translate3d(678.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(14) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle14 9989ms infinite 2998ms;
  bottom: -5px; }

@keyframes particle14 {
  0% {
    transform: translate3d(1062.4px, -5px, 0); }
  72% {
    opacity: 0; }
  100% {
    transform: translate3d(1062.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(15) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle15 8567ms infinite 1119ms;
  bottom: -5px; }

@keyframes particle15 {
  0% {
    transform: translate3d(371.2px, -5px, 0); }
  62% {
    opacity: 0; }
  100% {
    transform: translate3d(12.8px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(16) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle16 10980ms infinite 6812ms;
  bottom: -10px; }

@keyframes particle16 {
  0% {
    transform: translate3d(473.6px, -10px, 0); }
  92% {
    opacity: 0; }
  100% {
    transform: translate3d(-140.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(17) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle17 9746ms infinite 6503ms;
  bottom: -10px; }

@keyframes particle17 {
  0% {
    transform: translate3d(934.4px, -10px, 0); }
  80% {
    opacity: 0; }
  100% {
    transform: translate3d(358.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(18) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle18 8872ms infinite 349ms;
  bottom: -10px; }

@keyframes particle18 {
  0% {
    transform: translate3d(1088px, -10px, 0); }
  69% {
    opacity: 0; }
  100% {
    transform: translate3d(793.6px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(19) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle19 9962ms infinite 3137ms;
  bottom: -5px; }

@keyframes particle19 {
  0% {
    transform: translate3d(844.8px, -5px, 0); }
  95% {
    opacity: 0; }
  100% {
    transform: translate3d(448px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(20) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle20 9870ms infinite 6970ms;
  bottom: -5px; }

@keyframes particle20 {
  0% {
    transform: translate3d(345.6px, -5px, 0); }
  79% {
    opacity: 0; }
  100% {
    transform: translate3d(102.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(21) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle21 10673ms infinite 2202ms;
  bottom: -5px; }

@keyframes particle21 {
  0% {
    transform: translate3d(985.6px, -5px, 0); }
  70% {
    opacity: 0; }
  100% {
    transform: translate3d(908.8px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(22) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle22 9579ms infinite 5362ms;
  bottom: -5px; }

@keyframes particle22 {
  0% {
    transform: translate3d(473.6px, -5px, 0); }
  80% {
    opacity: 0; }
  100% {
    transform: translate3d(-89.6px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(23) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle23 10525ms infinite 3282ms;
  bottom: -5px; }

@keyframes particle23 {
  0% {
    transform: translate3d(409.6px, -5px, 0); }
  67% {
    opacity: 0; }
  100% {
    transform: translate3d(-115.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(24) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle24 10749ms infinite 5920ms;
  bottom: -10px; }

@keyframes particle24 {
  0% {
    transform: translate3d(64px, -10px, 0); }
  80% {
    opacity: 0; }
  100% {
    transform: translate3d(-76.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(25) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle25 8783ms infinite 5185ms;
  bottom: -10px; }

@keyframes particle25 {
  0% {
    transform: translate3d(1152px, -10px, 0); }
  68% {
    opacity: 0; }
  100% {
    transform: translate3d(896px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(26) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle26 10403ms infinite 2767ms;
  bottom: -5px; }

@keyframes particle26 {
  0% {
    transform: translate3d(268.8px, -5px, 0); }
  94% {
    opacity: 0; }
  100% {
    transform: translate3d(25.6px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(27) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle27 8418ms infinite 206ms;
  bottom: -5px; }

@keyframes particle27 {
  0% {
    transform: translate3d(307.2px, -5px, 0); }
  72% {
    opacity: 0; }
  100% {
    transform: translate3d(-102.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(28) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle28 9151ms infinite 1025ms;
  bottom: -10px; }

@keyframes particle28 {
  0% {
    transform: translate3d(268.8px, -10px, 0); }
  90% {
    opacity: 0; }
  100% {
    transform: translate3d(-64px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(29) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle29 9158ms infinite 6969ms;
  bottom: -10px; }

@keyframes particle29 {
  0% {
    transform: translate3d(896px, -10px, 0); }
  54% {
    opacity: 0; }
  100% {
    transform: translate3d(268.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(30) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle30 10089ms infinite 4535ms;
  bottom: -10px; }

@keyframes particle30 {
  0% {
    transform: translate3d(1075.2px, -10px, 0); }
  100% {
    opacity: 0; }
  100% {
    transform: translate3d(870.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(31) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle31 9749ms infinite 2544ms;
  bottom: -10px; }

@keyframes particle31 {
  0% {
    transform: translate3d(435.2px, -10px, 0); }
  64% {
    opacity: 0; }
  100% {
    transform: translate3d(-128px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(32) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle32 8883ms infinite 7507ms;
  bottom: -5px; }

@keyframes particle32 {
  0% {
    transform: translate3d(947.2px, -5px, 0); }
  76% {
    opacity: 0; }
  100% {
    transform: translate3d(742.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(33) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle33 9671ms infinite 4305ms;
  bottom: -10px; }

@keyframes particle33 {
  0% {
    transform: translate3d(128px, -10px, 0); }
  79% {
    opacity: 0; }
  100% {
    transform: translate3d(-499.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(34) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle34 8367ms infinite 4800ms;
  bottom: -5px; }

@keyframes particle34 {
  0% {
    transform: translate3d(1177.6px, -5px, 0); }
  57% {
    opacity: 0; }
  100% {
    transform: translate3d(691.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(35) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle35 9337ms infinite 7005ms;
  bottom: -10px; }

@keyframes particle35 {
  0% {
    transform: translate3d(179.2px, -10px, 0); }
  68% {
    opacity: 0; }
  100% {
    transform: translate3d(-243.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(36) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle36 8079ms infinite 7713ms;
  bottom: -5px; }

@keyframes particle36 {
  0% {
    transform: translate3d(1164.8px, -5px, 0); }
  57% {
    opacity: 0; }
  100% {
    transform: translate3d(1062.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(37) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle37 8400ms infinite 2758ms;
  bottom: -10px; }

@keyframes particle37 {
  0% {
    transform: translate3d(755.2px, -10px, 0); }
  92% {
    opacity: 0; }
  100% {
    transform: translate3d(307.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(38) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle38 10804ms infinite 1334ms;
  bottom: -10px; }

@keyframes particle38 {
  0% {
    transform: translate3d(294.4px, -10px, 0); }
  51% {
    opacity: 0; }
  100% {
    transform: translate3d(243.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(39) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle39 10547ms infinite 6117ms;
  bottom: -5px; }

@keyframes particle39 {
  0% {
    transform: translate3d(409.6px, -5px, 0); }
  54% {
    opacity: 0; }
  100% {
    transform: translate3d(307.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(40) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle40 8646ms infinite 3732ms;
  bottom: -10px; }

@keyframes particle40 {
  0% {
    transform: translate3d(384px, -10px, 0); }
  58% {
    opacity: 0; }
  100% {
    transform: translate3d(-179.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(41) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle41 8130ms infinite 444ms;
  bottom: -10px; }

@keyframes particle41 {
  0% {
    transform: translate3d(921.6px, -10px, 0); }
  77% {
    opacity: 0; }
  100% {
    transform: translate3d(320px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(42) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle42 10886ms infinite 372ms;
  bottom: -10px; }

@keyframes particle42 {
  0% {
    transform: translate3d(1190.4px, -10px, 0); }
  78% {
    opacity: 0; }
  100% {
    transform: translate3d(960px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(43) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle43 10657ms infinite 7096ms;
  bottom: -10px; }

@keyframes particle43 {
  0% {
    transform: translate3d(563.2px, -10px, 0); }
  92% {
    opacity: 0; }
  100% {
    transform: translate3d(524.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(44) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle44 10414ms infinite 5807ms;
  bottom: -10px; }

@keyframes particle44 {
  0% {
    transform: translate3d(499.2px, -10px, 0); }
  94% {
    opacity: 0; }
  100% {
    transform: translate3d(460.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(45) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle45 8572ms infinite 7936ms;
  bottom: -10px; }

@keyframes particle45 {
  0% {
    transform: translate3d(870.4px, -10px, 0); }
  51% {
    opacity: 0; }
  100% {
    transform: translate3d(627.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(46) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle46 8500ms infinite 2857ms;
  bottom: -10px; }

@keyframes particle46 {
  0% {
    transform: translate3d(780.8px, -10px, 0); }
  77% {
    opacity: 0; }
  100% {
    transform: translate3d(780.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(47) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle47 10226ms infinite 2453ms;
  bottom: -5px; }

@keyframes particle47 {
  0% {
    transform: translate3d(435.2px, -5px, 0); }
  56% {
    opacity: 0; }
  100% {
    transform: translate3d(-179.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(48) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle48 10889ms infinite 2357ms;
  bottom: -5px; }

@keyframes particle48 {
  0% {
    transform: translate3d(819.2px, -5px, 0); }
  66% {
    opacity: 0; }
  100% {
    transform: translate3d(345.6px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(49) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle49 10671ms infinite 3285ms;
  bottom: -5px; }

@keyframes particle49 {
  0% {
    transform: translate3d(844.8px, -5px, 0); }
  65% {
    opacity: 0; }
  100% {
    transform: translate3d(806.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(50) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle50 8508ms infinite 871ms;
  bottom: -10px; }

@keyframes particle50 {
  0% {
    transform: translate3d(704px, -10px, 0); }
  62% {
    opacity: 0; }
  100% {
    transform: translate3d(691.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(51) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle51 10375ms infinite 2040ms;
  bottom: -10px; }

@keyframes particle51 {

  0% {
    transform: translate3d(1062.4px, -10px, 0); }
  76% {
    opacity: 0; }
  100% {
    transform: translate3d(934.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(52) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle52 10086ms infinite 3551ms;
  bottom: -5px; }

@keyframes particle52 {
  0% {
    transform: translate3d(499.2px, -5px, 0); }
  94% {
    opacity: 0; }
  100% {
    transform: translate3d(12.8px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(53) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle53 9730ms infinite 852ms;
  bottom: -10px; }

@keyframes particle53 {
  0% {
    transform: translate3d(1267.2px, -10px, 0); }
  98% {
    opacity: 0; }
  100% {
    transform: translate3d(1011.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(54) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle54 10653ms infinite 7930ms;
  bottom: -10px; }

@keyframes particle54 {
  0% {
    transform: translate3d(870.4px, -10px, 0); }
  80% {
    opacity: 0; }
  100% {
    transform: translate3d(678.4px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(55) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle55 9733ms infinite 3248ms;
  bottom: -5px; }

@keyframes particle55 {
  0% {
    transform: translate3d(627.2px, -5px, 0); }
  69% {
    opacity: 0; }
  100% {
    transform: translate3d(140.8px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(56) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle56 10367ms infinite 1304ms;
  bottom: -10px; }

@keyframes particle56 {
  0% {
    transform: translate3d(1203.2px, -10px, 0); }
  57% {
    opacity: 0; }
  100% {
    transform: translate3d(844.8px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(57) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle57 8665ms infinite 6820ms;
  bottom: -10px; }

@keyframes particle57 {
  0% {
    transform: translate3d(908.8px, -10px, 0); }
  87% {
    opacity: 0; }
  100% {
    transform: translate3d(627.2px, -690px, 0);
    opacity: 0; } }

.particle:nth-child(58) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle58 8833ms infinite 5331ms;
  bottom: -5px; }

@keyframes particle58 {
  0% {
    transform: translate3d(563.2px, -5px, 0); }
  59% {
    opacity: 0; }
  100% {
    transform: translate3d(179.2px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(59) {
  width: 1px;
  height: 1px;
  background-color: #f2705a;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #f2705a;
  animation: particle59 8352ms infinite 483ms;
  bottom: -5px; }

@keyframes particle59 {
  0% {
    transform: translate3d(140.8px, -5px, 0); }
  75% {
    opacity: 0; }
  100% {
    transform: translate3d(-422.4px, -685px, 0);
    opacity: 0; } }

.particle:nth-child(60) {
  width: 2px;
  height: 2px;
  background-color: #f2705a;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #f2705a;
  animation: particle60 9910ms infinite 1350ms;
  bottom: -10px; }

@keyframes particle60 {
  0% {
    transform: translate3d(243.2px, -10px, 0); }
  78% {
    opacity: 0; }
  100% {
    transform: translate3d(-384px, -690px, 0);
    opacity: 0; } }

#navi li a img:nth-child(1) {
  opacity: 0;
  transition: opacity 200ms; }

#navi li.current a img:nth-child(1) {
  opacity: 1 !important;
  transition: opacity 200ms; }

#sound_area .volume {
  position: relative;
  width: 30px;
  height: 46px;
  transition: opacity 400ms; }
  #sound_area .volume:hover {
    opacity: .8; }

#sound_area .volume img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 800ms; }
  #sound_area .volume img.jsCurrentVol {
    opacity: 1; }

#sound_area .button {
  display: none; }

.jsEffectAppear {
  opacity: 0;
  transition: opacity 800ms; }

body.jsAppear .jsEffectAppear {
  opacity: 1; }