/**
 *
 * @authors wlf (wlf@example.org)
 * @date    2015-03-26 16:49:05
 * @version $动画效果$
 */
/*-----主页动画效果----*/
/*动画集合*/
@keyframes yizi {0% {transform : rotateY(180deg);} 100% {transform: rotateY(0deg);}}
@-webkit-keyframes yizi {0% {-webkit-transform : rotateY(180deg);} 100% {-webkit-transform: rotateY(0deg);}}
@-moz-keyframes yizi {0% {-moz-transform : rotateY(180deg);} 100% {-moz-transform: rotateY(0deg);}}
@-o-keyframes yizi {0% {-o-transform : rotateY(180deg);} 100% {-o-transform: rotateY(0deg);}}
@-ms-keyframes yizi {0% {-ms-transform : rotateY(180deg);} 100% {-ms-transform: rotateY(0deg);}}

@-webkit-keyframes home_breathe{0%{-webkit-transform:scale(1,1); opacity:.1;}80%{-webkit-transform:scale(1.8,1.8); opacity:0}100%{-webkit-transform:scale(1.8,1.8); opacity:0}}
@-moz-keyframes home_breathe{0%{-moz-transform:scale(1,1); opacity:.1;}80%{-moz-transform:scale(1.8,1.8); opacity:0}}
@-o-keyframes home_breathe{0%{-o-transform:scale(1,1); opacity:.1;}80%{-o-transform:scale(1.8,1.8); opacity:0}}
@-ms-keyframes home_breathe{0%{-ms-transform:scale(1,1); opacity:.1;}80%{-ms-transform:scale(1.8,1.8); opacity:0}}
@keyframes home_breathe{0%{transform:scale(1,1); opacity:.1;}80%{transform:scale(1.8,1.8); opacity:0}}
@-webkit-keyframes logo_breathe{0%{opacity:1; -webkit-transform:scale(.6,.6);}60%{opacity:.7; -webkit-transform:scale(1.2,1.2);}80%{opacity:.8; -webkit-transform:scale(.7,.7);}100%{opacity:1; -webkit-transform:scale(1,1);}}
@-moz-keyframes logo_breathe{0%{opacity:1; -moz-transform:scale(.6,.6);}60%{opacity:.7; -moz-transform:scale(1.2,1.2);}80%{opacity:.8; -moz-transform:scale(.7,.7);}100%{opacity:1; -moz-transform:scale(1,1);}}
@-o-keyframes logo_breathe{0%{opacity:1; -o-transform:scale(.6,.6);}60%{opacity:.7; -o-transform:scale(1.2,1.2);}80%{opacity:.8; -o-transform:scale(.7,.7);}100%{opacity:1; -o-transform:scale(1,1);}}
@-ms-keyframes logo_breathe{0%{opacity:1; -ms-transform:scale(.6,.6);}60%{opacity:.7; -ms-transform:scale(1.2,1.2);}80%{opacity:.8; -ms-transform:scale(.7,.7);}100%{opacity:1; -ms-transform:scale(1,1);}}
@keyframes logo_breathe{0%{opacity:1; transform:scale(.6,.6);}60%{opacity:.7; transform:scale(1.2,1.2);}80%{opacity:.8; transform:scale(.7,.7);}100%{opacity:1; transform:scale(1,1);}}
@-webkit-keyframes start{0%{opacity:0; -webkit-transform:translate(0,10px);}50%{opacity:1; -webkit-transform:translate(0,-5px);}100%{opacity:0; -webkit-transform:translate(0,-15px);}}
@-moz-keyframes start{0%{opacity:0; -moz-transform:translate(0,10px);}50%{opacity:1; -moz-transform:translate(0,-5px);}100%{opacity:0; -moz-transform:translate(0,-15px);}}
@-o-keyframes start{0%{opacity:0; -o-transform:translate(0,10px);}50%{opacity:1; -o-transform:translate(0,-5px);}100%{opacity:0; -o-transform:translate(0,-15px);}}
@-ms-keyframes start{0%{opacity:0; -ms-transform:translate(0,10px);}50%{opacity:1; -ms-transform:translate(0,-5px);}100%{opacity:0; -ms-transform:translate(0,-15px);}}
@keyframes start{0%{opacity:0; transform:translate(0,10px);}50%{opacity:1; transform:translate(0,-5px);}100%{opacity:0; transform:translate(0,-15px);}}
/*paipop心跳*/
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(0,0); opacity:0;}25%{-webkit-transform:scale(1.3,1.3); opacity:1;}50%{-webkit-transform:scale(.9,.9);}75%{-webkit-transform:scale(1.2,1.2);}100%{-webkit-transform:scale(1,1);}}
@-moz-keyframes heartbeat{0%{-moz-transform:scale(0,0); opacity:0;}25%{-moz-transform:scale(1.3,1.3); opacity:1;}50%{-moz-transform:scale(.9,.9);}75%{-moz-transform:scale(1.2,1.2);}100%{-moz-transform:scale(1,1);}}
@-o-keyframes heartbeat{0%{-o-transform:scale(0,0); opacity:0;}25%{-o-transform:scale(1.3,1.3); opacity:1;}50%{-o-transform:scale(.9,.9);}75%{-o-transform:scale(1.2,1.2);}100%{-o-transform:scale(1,1);}}
@-ms-keyframes heartbeat{0%{-ms-transform:scale(0,0); opacity:0;}25%{-ms-transform:scale(1.3,1.3); opacity:1;}50%{-ms-transform:scale(.9,.9);}75%{-ms-transform:scale(1.2,1.2);}100%{-ms-transform:scale(1,1);}}
@keyframes heartbeat{0%{transform:scale(0,0); opacity:0;}25%{transform:scale(1.3,1.3); opacity:1;}50%{transform:scale(.9,.9);}75%{transform:scale(1.2,1.2);}100%{transform:scale(1,1);}}
@-webkit-keyframes feeling_out{0%{-webkit-transform:translate(100%,0); opacity:.3;}90%{-webkit-transform:translate(-3%,0); opacity:.5;}100%{-webkit-transform:translate(0,0); opacity:1;}}
@-moz-keyframes feeling_out{0%{-moz-transform:translate(100%,0); opacity:.3;}90%{-moz-transform:translate(-3%,0); opacity:.5;}100%{-moz-transform:translate(0,0); opacity:1;}}
@-o-keyframes feeling_out{0%{-o-transform:translate(100%,0); opacity:.3;}90%{-o-transform:translate(-3%,0); opacity:.5;}100%{-o-transform:translate(0,0); opacity:1;}}
@-ms-keyframes feeling_out{0%{-ms-transform:translate(100%,0); opacity:.3;}90%{-ms-transform:translate(-3%,0); opacity:.5;}100%{-ms-transform:translate(0,0); opacity:1;}}
@keyframes feeling_out{0%{transform:translate(100%,0); opacity:.3;}90%{transform:translate(-3%,0); opacity:.5;}100%{transform:translate(0,0); opacity:1;}}
@-webkit-keyframes feeling_down{0%{-webkit-transform:translate(0,-450px) rotate(30deg); opacity:0;}25%{-webkit-transform:translate(0,-450px) rotate(30deg); opacity:0;}50%{-webkit-transform:translate(0,0) rotate(30deg); opacity:1;}55%{-webkit-transform:translate(0,0) rotate(-28deg);}60%{-webkit-transform:translate(0,0) rotate(25deg);}65%{-webkit-transform:translate(0,0) rotate(-22deg);}70%{-webkit-transform:translate(0,0) rotate(20deg);}75%{-webkit-transform:translate(0,0) rotate(-18deg);}80%{-webkit-transform:translate(0,0) rotate(16deg);}85%{-webkit-transform:translate(0,0) rotate(-14deg);}90%{-webkit-transform:translate(0,0) rotate(10deg);}95%{-webkit-transform:translate(0,0) rotate(-6deg);}100%{-webkit-transform:translate(0,0) rotate(0deg);}}
@-moz-keyframes feeling_down{0%{-moz-transform:translate(0,-450px) rotate(30deg); opacity:0;}25%{-moz-transform:translate(0,-450px) rotate(30deg); opacity:0;}50%{-moz-transform:translate(0,0) rotate(30deg); opacity:1;}55%{-moz-transform:rotate(-28deg);}60%{-moz-transform:rotate(25deg);}65%{-moz-transform:rotate(-22deg);}70%{-moz-transform:rotate(20deg);}75%{-moz-transform:rotate(-18deg);}80%{-moz-transform:rotate(16deg);}85%{-moz-transform:rotate(-14deg);}90%{-moz-transform:rotate(10deg);}95%{-moz-transform:rotate(-6deg);}100%{-moz-transform:translate(0,0) rotate(0deg);}}
@-o-keyframes feeling_down{0%{-o-transform:translate(0,-450px) rotate(30deg); opacity:0;}25%{-o-transform:translate(0,-450px) rotate(30deg); opacity:0;}50%{-o-transform:translate(0,0) rotate(30deg); opacity:1;}55%{-o-transform:rotate(-28deg);}60%{-o-transform:rotate(25deg);}65%{-o-transform:rotate(-22deg);}70%{-o-transform:rotate(20deg);}75%{-o-transform:rotate(-18deg);}80%{-o-transform:rotate(16deg);}85%{-o-transform:rotate(-14deg);}90%{-o-transform:rotate(10deg);}95%{-o-transform:rotate(-6deg);}100%{-o-transform:translate(0,0) rotate(0deg);}}
@-ms-keyframes feeling_down{0%{-ms-transform:translate(0,-450px) rotate(30deg); opacity:0;}25%{-ms-transform:translate(0,-450px) rotate(30deg); opacity:0;}50%{-ms-transform:translate(0,0) rotate(30deg); opacity:1;}55%{-ms-transform:rotate(-28deg);}60%{-ms-transform:rotate(25deg);}65%{-ms-transform:rotate(-22deg);}70%{-ms-transform:rotate(20deg);}75%{-ms-transform:rotate(-18deg);}80%{-ms-transform:rotate(16deg);}85%{-ms-transform:rotate(-14deg);}90%{-ms-transform:rotate(10deg);}95%{-ms-transform:rotate(-6deg);}100%{-ms-transform:translate(0,0) rotate(0deg);}}
@keyframes feeling_down{0%{transform:translate(0,-450px) rotate(30deg); opacity:0;}25%{transform:translate(0,-450px) rotate(30deg); opacity:0;}50%{transform:translate(0,0) rotate(30deg); opacity:1;}55%{transform:rotate(-28deg);}60%{transform:rotate(25deg);}65%{transform:rotate(-22deg);}70%{transform:rotate(20deg);}75%{transform:rotate(-18deg);}80%{transform:rotate(16deg);}85%{transform:rotate(-14deg);}90%{transform:rotate(10deg);}95%{transform:rotate(-6deg);}100%{transform:translate(0,0) rotate(0deg);}}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes loading{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-o-keyframes loading{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
@-ms-keyframes loading{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}
@keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes iphone{0%{-webkit-transform:rotate(-90deg);}25%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(0deg);}75%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes iphone{0%{-moz-transform:rotate(-90deg);}25%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(0deg);}75%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes iphone{0%{-o-transform:rotate(-90deg);}25%{-o-transform:rotate(0deg);}50%{-o-transform:rotate(0deg);}75%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(-90deg);}}
@-ms-keyframes iphone{0%{-ms-transform:rotate(-90deg);}25%{-ms-transform:rotate(0deg);}50%{-ms-transform:rotate(0deg);}75%{-ms-transform:rotate(-90deg);}100%{-ms-transform:rotate(-90deg);}}
@keyframes iphone{0%{transform:rotate(-90deg);}25%{transform:rotate(0deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-90deg);}100%{transform:rotate(-90deg);}}
.rotation{
    -webkit-animation:loading 10s linear infinite;
    animation:loading 10s linear infinite;

}
.iphone{
  -webkit-animation-name: feeling_down;
    animation-name: feeling_down;
    -webkit-animation-duration:2.5s !important;
    animation-duration:2.5s !important;
}
.heartbeat{
    -webkit-animation:heartbeat 5s linear;
    animation:heartbeat 5s linear;
}
.heartbeats{
    -webkit-animation:heartbeat 2s linear;
    animation:heartbeat 2s linear;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  visibility: visible;
  -webkit-animation:bounceInRight 1s linear;
  animation:bounceInRight 1s linear;
}
.bounceInRight-2 {
  visibility: visible;
  -webkit-animation:bounceInRight 2s linear;
  animation:bounceInRight 2s linear;
}
.bounceInRights-2 {
  visibility: visible;
  -webkit-animation:bounceInRight 2.5s linear;
  animation:bounceInRight 2.5s linear;
}
.bounceInRight-3 {
  visibility: visible;
  -webkit-animation:bounceInRight 3s linear;
  animation:bounceInRight 3s linear;
}
.bounceInRight-4 {
  visibility: visible;
  -webkit-animation:bounceInRight 3.5s linear;
  animation:bounceInRight 3.5s linear;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  visibility: visible;
  -webkit-animation:bounceInLeft 2s linear;
  animation:bounceInLeft 2s linear;
}
.bounceInLefts {
  visibility: visible;
  -webkit-animation:bounceInLeft 3s linear;
  animation:bounceInLeft 3s linear;
}
.bounceInLeft-1 {
  visibility: visible;
  -webkit-animation:bounceInLeft 1s linear;
  animation:bounceInLeft 1s linear;
}
.bounceInLeft-2 {
  visibility: visible;
  -webkit-animation:bounceInLeft 1.5s linear;
  animation:bounceInLeft 1.5s linear;
}
.bounceInLeft-3 {
  visibility: visible;
  -webkit-animation:bounceInLeft 2.5s linear;
  animation:bounceInLeft 2.5s linear;
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

.bounceInDown {
  visibility: visible;
  -webkit-animation:bounceInDown 2s linear;
  animation:bounceInDown 2s linear;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

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

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

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

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation:bounceIn 2s linear;
  animation:bounceIn 2s linear;
}
span.warp-ztb{
  display: block;
  width: 100%;
  height: 470px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
span.warp-ztb .warps {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 5500px;
    -moz-perspective: 5500px;
    -ms-perspective: 5500px;
    -o-perspective: 5500px;
    perspective: 5500px;
    position: absolute;
    z-index: 4;
    -webkit-transform: translate3d(123px, 455px, 532px);
    transform: translate3d(123px, 455px, 532px);
}
span.warp-ztb .warps:before {
	content: "";
	display: block;
    background: #8dd512 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0.3;
}
span.warp-ztb .warps:after {
	content: "";
	display: block;
    background: #a1e926 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    opacity: 0.7;
}
span.warp-ztb .warps i:nth-child(1) {
	display: block;
    background: #93db18 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    opacity: 0.7;
}
span.warp-ztb .warps i:nth-child(2) {
	display: block;
    background: #82ca07 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0.7;
}
span.warp-ztb .warps i:nth-child(3) {
	display: block;
    background: #7bc300 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    otransform-origin: left;
    opacity: 0.7;
}
span.warp-ztb .warps i:nth-child(4) {
	display: block;
    background: #7bc200 url(../img/da.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    -webkit-transform: rotatey(90deg);
    -moz-transform: rotatey(90deg);
    -ms-transform: rotatey(90deg);
    -o-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    opacity: 0.7;
}
.warps:nth-child(1),.warps:nth-child(1):before,.warps:nth-child(1):after,.warps:nth-child(1) i:nth-child(1),.warps:nth-child(1) i:nth-child(2),.warps:nth-child(1) i:nth-child(3),.warps:nth-child(1) i:nth-child(4){
	width: 50px;
	height: 50px;
}
.warps:nth-child(1){
	top: 30%;
    left: 20%;
    -webkit-animation: rot1 15s linear infinite;
    -moz-animation: rot1 15s linear infinite;
    -ms-animation: rot1 15s linear infinite;
    -o-animation: rot1 15s linear infinite;
    animation: rot1 15s linear infinite;
}
.warps:nth-child(1):before{
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    transform: translateZ(50px);
}
.warps:nth-child(2),.warps:nth-child(2):before,.warps:nth-child(2):after,.warps:nth-child(2) i:nth-child(1),.warps:nth-child(2) i:nth-child(2),.warps:nth-child(2) i:nth-child(3),.warps:nth-child(2) i:nth-child(4){
	width: 30px;
	height: 30px;
}
.warps:nth-child(2){
	top: 60%;
    left: 30%;
    -webkit-animation: rot2 10s linear infinite;
    -moz-animation: rot2 10s linear infinite;
    -ms-animation: rot2 10s linear infinite;
    -o-animation: rot2 10s linear infinite;
    animation: rot2 10s linear infinite;
}
.warps:nth-child(2):before{
    -webkit-transform: translateZ(30px);
    -moz-transform: translateZ(30px);
    -ms-transform: translateZ(30px);
    -o-transform: translateZ(30px);
    transform: translateZ(30px);
}
.warps:nth-child(3),.warps:nth-child(3):before,.warps:nth-child(3):after,.warps:nth-child(3) i:nth-child(1),.warps:nth-child(3) i:nth-child(2),.warps:nth-child(3) i:nth-child(3),.warps:nth-child(3) i:nth-child(4){
	width: 80px;
	height: 80px;
}
.warps:nth-child(3){
	top: 10%;
    left: 80%;
    -webkit-animation: rot3 20s linear infinite;
    -moz-animation: rot3 20s linear infinite;
    -ms-animation: rot3 20s linear infinite;
    -o-animation: rot3 20s linear infinite;
    animation: rot3 20s linear infinite;
}
.warps:nth-child(3):before{
    -webkit-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -ms-transform: translateZ(80px);
    -o-transform: translateZ(80px);
    transform: translateZ(80px);
}
.warps:nth-child(4),.warps:nth-child(4):before,.warps:nth-child(4):after,.warps:nth-child(4) i:nth-child(1),.warps:nth-child(4) i:nth-child(2),.warps:nth-child(4) i:nth-child(3),.warps:nth-child(4) i:nth-child(4){
	width: 120px;
	height: 120px;
}
.warps:nth-child(4){
	top: 50%;
    left: 90%;
    -webkit-animation: rot4 20s linear infinite;
    -moz-animation: rot4 20s linear infinite;
    -ms-animation: rot4 20s linear infinite;
    -o-animation: rot4 20s linear infinite;
    animation: rot4 20s linear infinite;
}
.warps:nth-child(4):before{
    -webkit-transform: translateZ(120px);
    -moz-transform: translateZ(120px);
    -ms-transform: translateZ(120px);
    -o-transform: translateZ(120px);
    transform: translateZ(120px);
}
.warps:nth-child(5),.warps:nth-child(5):before,.warps:nth-child(5):after,.warps:nth-child(5) i:nth-child(1),.warps:nth-child(5) i:nth-child(2),.warps:nth-child(5) i:nth-child(3),.warps:nth-child(5) i:nth-child(4){
	width: 140px;
	height: 140px;
}
.warps:nth-child(5){
	top: 70%;
    left: 10%;
    -webkit-animation: rot5 15s linear infinite;
    -moz-animation: rot5 15s linear infinite;
    -ms-animation: rot5 15s linear infinite;
    -o-animation: rot5 15s linear infinite;
    animation: rot5 15s linear infinite;
}
.warps:nth-child(5):before{
    -webkit-transform: translateZ(140px);
    -moz-transform: translateZ(140px);
    -ms-transform: translateZ(140px);
    -o-transform: translateZ(140px);
    transform: translateZ(140px);
}
.warps:nth-child(6),.warps:nth-child(6):before,.warps:nth-child(6):after,.warps:nth-child(6) i:nth-child(1),.warps:nth-child(6) i:nth-child(2),.warps:nth-child(6) i:nth-child(3),.warps:nth-child(6) i:nth-child(4){
	width: 70px;
	height: 70px;
}
.warps:nth-child(6){
	top: 10%;
    left: 20%;
    -webkit-animation: rot3 25s linear infinite;
    -moz-animation: rot3 25s linear infinite;
    -ms-animation: rot3 25s linear infinite;
    -o-animation: rot3 25s linear infinite;
    animation: rot3 25s linear infinite;
}
.warps:nth-child(6):before{
    -webkit-transform: translateZ(70px);
    -moz-transform: translateZ(70px);
    -ms-transform: translateZ(70px);
    -o-transform: translateZ(70px);
    transform: translateZ(70px);
}
.warps:nth-child(7),.warps:nth-child(7):before,.warps:nth-child(7):after,.warps:nth-child(7) i:nth-child(1),.warps:nth-child(7) i:nth-child(2),.warps:nth-child(7) i:nth-child(3),.warps:nth-child(7) i:nth-child(4){
	width: 50px;
	height: 50px;
}
.warps:nth-child(7){
	top: 0;
    left: 0;
    -webkit-animation: rot4 10s linear infinite;
    -moz-animation: rot4 10s linear infinite;
    -ms-animation: rot4 10s linear infinite;
    -o-animation: rot4 10s linear infinite;
    animation: rot4 10s linear infinite;
}
.warps:nth-child(7):before{
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    transform: translateZ(50px);
}
.warps:nth-child(8),.warps:nth-child(8):before,.warps:nth-child(8):after,.warps:nth-child(8) i:nth-child(1),.warps:nth-child(8) i:nth-child(2),.warps:nth-child(8) i:nth-child(3),.warps:nth-child(8) i:nth-child(4){
	width: 30px;
	height: 30px;
}
.warps:nth-child(8){
	top: 90%;
    left: 90%;
    -webkit-animation: rot1 10s linear infinite;
    -moz-animation: rot1 10s linear infinite;
    -ms-animation: rot1 10s linear infinite;
    -o-animation: rot1 10s linear infinite;
    animation: rot1 10s linear infinite;
}
.warps:nth-child(8):before{
    -webkit-transform: translateZ(30px);
    -moz-transform: translateZ(30px);
    -ms-transform: translateZ(30px);
    -o-transform: translateZ(30px);
    transform: translateZ(30px);
}
.warps:nth-child(9),.warps:nth-child(9):before,.warps:nth-child(9):after,.warps:nth-child(9) i:nth-child(1),.warps:nth-child(9) i:nth-child(2),.warps:nth-child(9) i:nth-child(3),.warps:nth-child(9) i:nth-child(4){
	width: 10px;
	height: 10px;
}
.warps:nth-child(9){
	top: 50%;
    left: 50%;
    -webkit-animation: rot1 10s linear infinite;
    -moz-animation: rot1 10s linear infinite;
    -ms-animation: rot1 10s linear infinite;
    -o-animation: rot1 10s linear infinite;
    animation: rot1 10s linear infinite;
}
.warps:nth-child(9):before{
    -webkit-transform: translateZ(10px);
    -moz-transform: translateZ(10px);
    -ms-transform: translateZ(10px);
    -o-transform: translateZ(10px);
    transform: translateZ(10px);
}
.warps:nth-child(10),.warps:nth-child(10):before,.warps:nth-child(10):after,.warps:nth-child(10) i:nth-child(1),.warps:nth-child(10) i:nth-child(2),.warps:nth-child(10) i:nth-child(3),.warps:nth-child(10) i:nth-child(4){
	width: 90px;
	height: 90px;
}
.warps:nth-child(10){
	top: 45%;
    left: 60%;
    -webkit-animation: rot5 15s linear infinite;
    -moz-animation: rot5 15s linear infinite;
    -ms-animation: rot5 15s linear infinite;
    -o-animation: rot5 15s linear infinite;
    animation: rot5 15s linear infinite;
}
.warps:nth-child(10):before{
    -webkit-transform: translateZ(90px);
    -moz-transform: translateZ(90px);
    -ms-transform: translateZ(90px);
    -o-transform: translateZ(90px);
    transform: translateZ(90px);
}
.warps:nth-child(11),.warps:nth-child(11):before,.warps:nth-child(11):after,.warps:nth-child(11) i:nth-child(1),.warps:nth-child(11) i:nth-child(2),.warps:nth-child(11) i:nth-child(3),.warps:nth-child(11) i:nth-child(4){
	width: 55px;
	height: 55px;
}
.warps:nth-child(11){
	top: 25%;
    left: 70%;
    -webkit-animation: rot3 13s linear infinite;
    -moz-animation: rot3 13s linear infinite;
    -ms-animation: rot3 13s linear infinite;
    -o-animation: rot3 13s linear infinite;
    animation: rot3 13s linear infinite;
}
.warps:nth-child(11):before{
    -webkit-transform: translateZ(55px);
    -moz-transform: translateZ(55px);
    -ms-transform: translateZ(55px);
    -o-transform: translateZ(55px);
    transform: translateZ(55px);
}
.warps:nth-child(12),.warps:nth-child(12):before,.warps:nth-child(12):after,.warps:nth-child(12) i:nth-child(1),.warps:nth-child(12) i:nth-child(2),.warps:nth-child(12) i:nth-child(3),.warps:nth-child(12) i:nth-child(4){
	width: 25px;
	height: 25px;
}
.warps:nth-child(12){
	top: 25%;
    left: 10%;
    -webkit-animation: rot3 13s linear infinite;
    -moz-animation: rot3 13s linear infinite;
    -ms-animation: rot3 13s linear infinite;
    -o-animation: rot3 13s linear infinite;
    animation: rot3 13s linear infinite;
}
.warps:nth-child(12):before{
    -webkit-transform: translateZ(25px);
    -moz-transform: translateZ(25px);
    -ms-transform: translateZ(25px);
    -o-transform: translateZ(25px);
    transform: translateZ(25px);
}
.warps:nth-child(13),.warps:nth-child(13):before,.warps:nth-child(13):after,.warps:nth-child(13) i:nth-child(1),.warps:nth-child(13) i:nth-child(2),.warps:nth-child(13) i:nth-child(3),.warps:nth-child(13) i:nth-child(4){
	width: 45px;
	height: 45px;
}
.warps:nth-child(13){
	top: 75%;
    left: 20%;
    -webkit-animation: rot2 22s linear infinite;
    -moz-animation: rot2 22s linear infinite;
    -ms-animation: rot2 22s linear infinite;
    -o-animation: rot2 22s linear infinite;
    animation: rot2 22s linear infinite;
}
.warps:nth-child(13):before{
    -webkit-transform: translateZ(45px);
    -moz-transform: translateZ(45px);
    -ms-transform: translateZ(45px);
    -o-transform: translateZ(45px);
    transform: translateZ(45px);
}
.warps:nth-child(14),.warps:nth-child(14):before,.warps:nth-child(14):after,.warps:nth-child(14) i:nth-child(1),.warps:nth-child(14) i:nth-child(2),.warps:nth-child(14) i:nth-child(3),.warps:nth-child(14) i:nth-child(4){
	width: 65px;
	height: 65px;
}
.warps:nth-child(14){
	top: 95%;
    left: 55%;
    -webkit-animation: rot3 18s linear infinite;
    -moz-animation: rot3 18s linear infinite;
    -ms-animation: rot3 18s linear infinite;
    -o-animation: rot3 18s linear infinite;
    animation: rot3 18s linear infinite;
}
.warps:nth-child(14):before{
    -webkit-transform: translateZ(65px);
    -moz-transform: translateZ(65px);
    -ms-transform: translateZ(65px);
    -o-transform: translateZ(65px);
    transform: translateZ(65px);
}
.warps:nth-child(15),.warps:nth-child(15):before,.warps:nth-child(15):after,.warps:nth-child(15) i:nth-child(1),.warps:nth-child(15) i:nth-child(2),.warps:nth-child(15) i:nth-child(3),.warps:nth-child(15) i:nth-child(4){
	width: 35px;
	height: 35px;
}
.warps:nth-child(15){
	top: 75%;
    left: 65%;
    -webkit-animation: rot5 10s linear infinite;
    -moz-animation: rot5 10s linear infinite;
    -ms-animation: rot5 10s linear infinite;
    -o-animation: rot5 10s linear infinite;
    animation: rot5 10s linear infinite;
}
.warps:nth-child(15):before{
    -webkit-transform: translateZ(35px);
    -moz-transform: translateZ(35px);
    -ms-transform: translateZ(35px);
    -o-transform: translateZ(35px);
    transform: translateZ(35px);
}
.warps:nth-child(16),.warps:nth-child(16):before,.warps:nth-child(16):after,.warps:nth-child(16) i:nth-child(1),.warps:nth-child(16) i:nth-child(2),.warps:nth-child(16) i:nth-child(3),.warps:nth-child(16) i:nth-child(4){
	width: 40px;
	height: 40px;
}
.warps:nth-child(16){
	top: 65%;
    left: 45%;
    -webkit-animation: rot2 14s linear infinite;
    -moz-animation: rot2 14s linear infinite;
    -ms-animation: rot2 14s linear infinite;
    -o-animation: rot2 14s linear infinite;
    animation: rot2 14s linear infinite;
}
.warps:nth-child(16):before{
    -webkit-transform: translateZ(40px);
    -moz-transform: translateZ(40px);
    -ms-transform: translateZ(40px);
    -o-transform: translateZ(40px);
    transform: translateZ(40px);
}
.warps:nth-child(17),.warps:nth-child(17):before,.warps:nth-child(17):after,.warps:nth-child(17) i:nth-child(1),.warps:nth-child(17) i:nth-child(2),.warps:nth-child(17) i:nth-child(3),.warps:nth-child(17) i:nth-child(4){
	width: 55px;
	height: 55px;
}
.warps:nth-child(17){
	top: 85%;
    left: 35%;
    -webkit-animation: rot4 14s linear infinite;
    -moz-animation: rot4 14s linear infinite;
    -ms-animation: rot4 14s linear infinite;
    -o-animation: rot4 14s linear infinite;
    animation: rot4 14s linear infinite;
}
.warps:nth-child(17):before{
    -webkit-transform: translateZ(55px);
    -moz-transform: translateZ(55px);
    -ms-transform: translateZ(55px);
    -o-transform: translateZ(55px);
    transform: translateZ(55px);
}
.warps:nth-child(18),.warps:nth-child(18):before,.warps:nth-child(18):after,.warps:nth-child(18) i:nth-child(1),.warps:nth-child(18) i:nth-child(2),.warps:nth-child(18) i:nth-child(3),.warps:nth-child(18) i:nth-child(4){
	width: 60px;
	height: 60px;
}
.warps:nth-child(18){
	top: 55%;
    left: 0%;
    -webkit-animation: rot5 15s linear infinite;
    -moz-animation: rot5 15s linear infinite;
    -ms-animation: rot5 15s linear infinite;
    -o-animation: rot5 15s linear infinite;
    animation: rot5 15s linear infinite;
}
.warps:nth-child(18):before{
    -webkit-transform: translateZ(60px);
    -moz-transform: translateZ(60px);
    -ms-transform: translateZ(60px);
    -o-transform: translateZ(60px);
    transform: translateZ(60px);
}
.warps:nth-child(19),.warps:nth-child(19):before,.warps:nth-child(19):after,.warps:nth-child(19) i:nth-child(1),.warps:nth-child(19) i:nth-child(2),.warps:nth-child(19) i:nth-child(3),.warps:nth-child(19) i:nth-child(4){
	width: 60px;
	height: 60px;
}
.warps:nth-child(19){
	top: 25%;
    left: 48%;
    -webkit-animation: rot1 11s linear infinite;
    -moz-animation: rot1 11s linear infinite;
    -ms-animation: rot1 11s linear infinite;
    -o-animation: rot1 11s linear infinite;
    animation: rot1 11s linear infinite;
}
.warps:nth-child(19):before{
    -webkit-transform: translateZ(60px);
    -moz-transform: translateZ(60px);
    -ms-transform: translateZ(60px);
    -o-transform: translateZ(60px);
    transform: translateZ(60px);
}
.warps:nth-child(20),.warps:nth-child(20):before,.warps:nth-child(20):after,.warps:nth-child(20) i:nth-child(1),.warps:nth-child(20) i:nth-child(2),.warps:nth-child(20) i:nth-child(3),.warps:nth-child(20) i:nth-child(4){
	width: 80px;
	height: 80px;
}
.warps:nth-child(20){
	top: -5%;
    left: 38%;
    -webkit-animation: rot3 22s linear infinite;
    -moz-animation: rot3 22s linear infinite;
    -ms-animation: rot3 22s linear infinite;
    -o-animation: rot3 22s linear infinite;
    animation: rot3 22s linear infinite;
}
.warps:nth-child(20):before{
    -webkit-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -ms-transform: translateZ(80px);
    -o-transform: translateZ(80px);
    transform: translateZ(80px);
}
.warps:nth-child(21),.warps:nth-child(21):before,.warps:nth-child(21):after,.warps:nth-child(21) i:nth-child(1),.warps:nth-child(21) i:nth-child(2),.warps:nth-child(21) i:nth-child(3),.warps:nth-child(21) i:nth-child(4){
	width: 20px;
	height: 20px;
}
.warps:nth-child(21){
	top: 5%;
    left: 50%;
    -webkit-animation: rot2 16s linear infinite;
    -moz-animation: rot2 16s linear infinite;
    -ms-animation: rot2 16s linear infinite;
    -o-animation: rot2 16s linear infinite;
    animation: rot2 16s linear infinite;
}
.warps:nth-child(21):before{
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}
.warps:nth-child(22),.warps:nth-child(22):before,.warps:nth-child(22):after,.warps:nth-child(22) i:nth-child(1),.warps:nth-child(22) i:nth-child(2),.warps:nth-child(22) i:nth-child(3),.warps:nth-child(22) i:nth-child(4){
	width: 5px;
	height: 5px;
}
.warps:nth-child(22){
	top: 10%;
    left: 70%;
    -webkit-animation: rot5 10s linear infinite;
    -moz-animation: rot5 10s linear infinite;
    -ms-animation: rot5 10s linear infinite;
    -o-animation: rot5 10s linear infinite;
    animation: rot5 10s linear infinite;
}
.warps:nth-child(22):before{
    -webkit-transform: translateZ(5px);
    -moz-transform: translateZ(5px);
    -ms-transform: translateZ(5px);
    -o-transform: translateZ(5px);
    transform: translateZ(5px);
}
.warps:nth-child(23),.warps:nth-child(23):before,.warps:nth-child(23):after,.warps:nth-child(23) i:nth-child(1),.warps:nth-child(23) i:nth-child(2),.warps:nth-child(23) i:nth-child(3),.warps:nth-child(23) i:nth-child(4){
	width: 8px;
	height: 8px;
}
.warps:nth-child(23){
	top: 15%;
    left: 61%;
    -webkit-animation: rot1 12s linear infinite;
    -moz-animation: rot1 12s linear infinite;
    -ms-animation: rot1 12s linear infinite;
    -o-animation: rot1 12s linear infinite;
    animation: rot1 12s linear infinite;
}
.warps:nth-child(23):before{
    -webkit-transform: translateZ(8px);
    -moz-transform: translateZ(8px);
    -ms-transform: translateZ(8px);
    -o-transform: translateZ(8px);
    transform: translateZ(8px);
}
.warps:nth-child(24),.warps:nth-child(24):before,.warps:nth-child(24):after,.warps:nth-child(24) i:nth-child(1),.warps:nth-child(24) i:nth-child(2),.warps:nth-child(24) i:nth-child(3),.warps:nth-child(24) i:nth-child(4){
	width: 18px;
	height: 18px;
}
.warps:nth-child(24){
	top: 95%;
    left: 2%;
    -webkit-animation: rot2 22s linear infinite;
    -moz-animation: rot2 22s linear infinite;
    -ms-animation: rot2 22s linear infinite;
    -o-animation: rot2 22s linear infinite;
    animation: rot2 22s linear infinite;
}
.warps:nth-child(24):before{
    -webkit-transform: translateZ(18px);
    -moz-transform: translateZ(18px);
    -ms-transform: translateZ(18px);
    -o-transform: translateZ(18px);
    transform: translateZ(18px);
}
.warps:nth-child(25),.warps:nth-child(25):before,.warps:nth-child(25):after,.warps:nth-child(25) i:nth-child(1),.warps:nth-child(25) i:nth-child(2),.warps:nth-child(25) i:nth-child(3),.warps:nth-child(25) i:nth-child(4){
	width: 36px;
	height: 36px;
}
.warps:nth-child(25){
	top: 88%;
    left: 75%;
    -webkit-animation: rot2 22s linear infinite;
    -moz-animation: rot2 22s linear infinite;
    -ms-animation: rot2 22s linear infinite;
    -o-animation: rot2 22s linear infinite;
    animation: rot2 22s linear infinite;
}
.warps:nth-child(25):before{
    -webkit-transform: translateZ(36px);
    -moz-transform: translateZ(36px);
    -ms-transform: translateZ(36px);
    -o-transform: translateZ(36px);
    transform: translateZ(36px);
}
.warps:nth-child(26),.warps:nth-child(26):before,.warps:nth-child(26):after,.warps:nth-child(26) i:nth-child(1),.warps:nth-child(26) i:nth-child(2),.warps:nth-child(26) i:nth-child(3),.warps:nth-child(26) i:nth-child(4){
	width: 45px;
	height: 45px;
}
.warps:nth-child(26){
	top: 8%;
    left: 65%;
    -webkit-animation: rot4 17s linear infinite;
    -moz-animation: rot4 17s linear infinite;
    -ms-animation: rot4 17s linear infinite;
    -o-animation: rot4 17s linear infinite;
    animation: rot4 17s linear infinite;
}
.warps:nth-child(26):before{
    -webkit-transform: translateZ(45px);
    -moz-transform: translateZ(45px);
    -ms-transform: translateZ(45px);
    -o-transform: translateZ(45px);
    transform: translateZ(45px);
}
.warps:nth-child(27),.warps:nth-child(27):before,.warps:nth-child(27):after,.warps:nth-child(27) i:nth-child(1),.warps:nth-child(27) i:nth-child(2),.warps:nth-child(27) i:nth-child(3),.warps:nth-child(27) i:nth-child(4){
	width: 60px;
	height: 60px;
}
.warps:nth-child(27){
	top: 0%;
    left: 99%;
    -webkit-animation: rot4 10s linear infinite;
    -moz-animation: rot4 10s linear infinite;
    -ms-animation: rot4 10s linear infinite;
    -o-animation: rot4 10s linear infinite;
    animation: rot4 10s linear infinite;
}
.warps:nth-child(27):before{
    -webkit-transform: translateZ(60px);
    -moz-transform: translateZ(60px);
    -ms-transform: translateZ(60px);
    -o-transform: translateZ(60px);
    transform: translateZ(60px);
}
.warps:nth-child(28),.warps:nth-child(28):before,.warps:nth-child(28):after,.warps:nth-child(28) i:nth-child(1),.warps:nth-child(28) i:nth-child(2),.warps:nth-child(28) i:nth-child(3),.warps:nth-child(28) i:nth-child(4){
	width: 35px;
	height: 35px;
}
.warps:nth-child(28){
	top: 45%;
    left: 35%;
    -webkit-animation: rot3 10s linear infinite;
    -moz-animation: rot3 10s linear infinite;
    -ms-animation: rot3 10s linear infinite;
    -o-animation: rot3 10s linear infinite;
    animation: rot3 10s linear infinite;
}
.warps:nth-child(28):before{
    -webkit-transform: translateZ(35px);
    -moz-transform: translateZ(35px);
    -ms-transform: translateZ(35px);
    -o-transform: translateZ(35px);
    transform: translateZ(35px);
}
.warps:nth-child(29),.warps:nth-child(29):before,.warps:nth-child(29):after,.warps:nth-child(29) i:nth-child(1),.warps:nth-child(29) i:nth-child(2),.warps:nth-child(29) i:nth-child(3),.warps:nth-child(29) i:nth-child(4){
	width: 66px;
	height: 66px;
}
.warps:nth-child(29){
	top: 55%;
    left: 45%;
    -webkit-animation: rot1 13s linear infinite;
    -moz-animation: rot1 13s linear infinite;
    -ms-animation: rot1 13s linear infinite;
    -o-animation: rot1 13s linear infinite;
    animation: rot1 13s linear infinite;
}
.warps:nth-child(29):before{
    -webkit-transform: translateZ(66px);
    -moz-transform: translateZ(66px);
    -ms-transform: translateZ(66px);
    -o-transform: translateZ(66px);
    transform: translateZ(66px);
}
.warps:nth-child(30),.warps:nth-child(30):before,.warps:nth-child(30):after,.warps:nth-child(30) i:nth-child(1),.warps:nth-child(30) i:nth-child(2),.warps:nth-child(30) i:nth-child(3),.warps:nth-child(30) i:nth-child(4){
	width: 39px;
	height: 39px;
}
.warps:nth-child(30){
	top: 75%;
    left: 60%;
    -webkit-animation: rot2 10s linear infinite;
    -moz-animation: rot2 10s linear infinite;
    -ms-animation: rot2 10s linear infinite;
    -o-animation: rot2 10s linear infinite;
    animation: rot2 10s linear infinite;
}
.warps:nth-child(30):before{
    -webkit-transform: translateZ(39px);
    -moz-transform: translateZ(39px);
    -ms-transform: translateZ(39px);
    -o-transform: translateZ(39px);
    transform: translateZ(39px);
}

@-webkit-keyframes 'rot1' {
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        -moz-transform: rotateY(0deg) rotateX(0deg);
        -ms-transform: rotateY(0deg) rotateX(0deg);
        -o-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }
    25% {
        -webkit-transform: rotateY(90deg) rotateX(90deg);
        -moz-transform: rotateY(90deg) rotateX(90deg);
        -ms-transform: rotateY(90deg) rotateX(90deg);
        -o-transform: rotateY(90deg) rotateX(90deg);
        transform: rotateY(90deg) rotateX(90deg);
    }
    50% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        -moz-transform: rotateY(0deg) rotateX(0deg);
        -ms-transform: rotateY(0deg) rotateX(0deg);
        -o-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }
    75% {
        -webkit-transform: rotateY(-180deg) rotateX(-180deg);
        -moz-transform: rotateY(-180deg) rotateX(-180deg);
        -ms-transform: rotateY(-180deg) rotateX(-180deg);
        -o-transform: rotateY(-180deg) rotateX(-180deg);
        transform: rotateY(-180deg) rotateX(-180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        -moz-transform: rotateY(0deg) rotateX(0deg);
        -ms-transform: rotateY(0deg) rotateX(0deg);
        -o-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }
}
@-webkit-keyframes 'rot2' {
    0% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        -moz-transform: rotateY(180deg) rotateX(180deg);
        -ms-transform: rotateY(180deg) rotateX(180deg);
        -o-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
    }
    25% {
        -webkit-transform: rotateY(160deg) rotateX(160deg);
        -moz-transform: rotateY(160deg) rotateX(160deg);
        -ms-transform: rotateY(160deg) rotateX(160deg);
        -o-transform: rotateY(160deg) rotateX(160deg);
        transform: rotateY(160deg) rotateX(160deg);
    }
    50% {
        -webkit-transform: rotateY(100deg) rotateX(100deg);
        -moz-transform: rotateY(100deg) rotateX(100deg);
        -ms-transform: rotateY(100deg) rotateX(100deg);
        -o-transform: rotateY(100deg) rotateX(100deg);
        transform: rotateY(100deg) rotateX(100deg);
    }
    75% {
        -webkit-transform: rotateY(-180deg) rotateX(-180deg);
        -moz-transform: rotateY(-180deg) rotateX(-180deg);
        -ms-transform: rotateY(-180deg) rotateX(-180deg);
        -o-transform: rotateY(-180deg) rotateX(-180deg);
        transform: rotateY(-180deg) rotateX(-180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        -moz-transform: rotateY(0deg) rotateX(0deg);
        -ms-transform: rotateY(0deg) rotateX(0deg);
        -o-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }
}
@-webkit-keyframes 'rot3' {
    0% {
        -webkit-transform: rotateY(-180deg) rotateX(-180deg);
        -moz-transform: rotateY(-180deg) rotateX(-180deg);
        -ms-transform: rotateY(-180deg) rotateX(-180deg);
        -o-transform: rotateY(-180deg) rotateX(-180deg);
        transform: rotateY(-180deg) rotateX(-180deg);
    }
    25% {
        -webkit-transform: rotateY(-120deg) rotateX(-120deg);
        -moz-transform: rotateY(-120deg) rotateX(-120deg);
        -ms-transform: rotateY(-120deg) rotateX(-120deg);
        -o-transform: rotateY(-120deg) rotateX(-120deg);
        transform: rotateY(-120deg) rotateX(-120deg);
    }
    50% {
        -webkit-transform: rotateY(-60deg) rotateX(-60deg);
        -moz-transform: rotateY(-60deg) rotateX(-60deg);
        -ms-transform: rotateY(-60deg) rotateX(-60deg);
        -o-transform: rotateY(-60deg) rotateX(-60deg);
        transform: rotateY(-60deg) rotateX(-60deg);
    }
    75% {
        -webkit-transform: rotateY(-180deg) rotateX(-180deg);
        -moz-transform: rotateY(-180deg) rotateX(-180deg);
        -ms-transform: rotateY(-180deg) rotateX(-180deg);
        -o-transform: rotateY(-180deg) rotateX(-180deg);
        transform: rotateY(-180deg) rotateX(-180deg);
    }
    100% {
        -webkit-transform: rotateY(-200deg) rotateX(-200deg);
        -moz-transform: rotateY(-200deg) rotateX(-200deg);
        -ms-transform: rotateY(-200deg) rotateX(-200deg);
        -o-transform: rotateY(-200deg) rotateX(-200deg);
        transform: rotateY(-200deg) rotateX(-200deg);
    }
}
@-webkit-keyframes 'rot4' {
    0% {
        -webkit-transform: rotateY(90deg) rotateX(90deg);
        -moz-transform: rotateY(90deg) rotateX(90deg);
        -ms-transform: rotateY(90deg) rotateX(90deg);
        -o-transform: rotateY(90deg) rotateX(90deg);
        transform: rotateY(90deg) rotateX(90deg);
    }
    25% {
        -webkit-transform: rotateY(100deg) rotateX(100deg);
        -moz-transform: rotateY(100deg) rotateX(100deg);
        -ms-transform: rotateY(100deg) rotateX(100deg);
        -o-transform: rotateY(100deg) rotateX(100deg);
        transform: rotateY(100deg) rotateX(100deg);
    }
    50% {
        -webkit-transform: rotateY(120deg) rotateX(120deg);
        -moz-transform: rotateY(120deg) rotateX(120deg);
        -ms-transform: rotateY(120deg) rotateX(120deg);
        -o-transform: rotateY(120deg) rotateX(120deg);
        transform: rotateY(120deg) rotateX(120deg);
    }
    75% {
        -webkit-transform: rotateY(150deg) rotateX(150deg);
        -moz-transform: rotateY(150deg) rotateX(150deg);
        -ms-transform: rotateY(150deg) rotateX(150deg);
        -o-transform: rotateY(150deg) rotateX(150deg);
        transform: rotateY(150deg) rotateX(150deg);
    }
    100% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        -moz-transform: rotateY(180deg) rotateX(180deg);
        -ms-transform: rotateY(180deg) rotateX(180deg);
        -o-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
    }
}
@-webkit-keyframes 'rot5' {
    0% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        -moz-transform: rotateY(180deg) rotateX(180deg);
        -ms-transform: rotateY(180deg) rotateX(180deg);
        -o-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
    }
    25% {
        -webkit-transform: rotateY(120deg) rotateX(120deg);
        -moz-transform: rotateY(120deg) rotateX(120deg);
        -ms-transform: rotateY(120deg) rotateX(120deg);
        -o-transform: rotateY(120deg) rotateX(120deg);
        transform: rotateY(120deg) rotateX(120deg);
    }
    50% {
        -webkit-transform: rotateY(60deg) rotateX(60deg);
        -moz-transform: rotateY(60deg) rotateX(60deg);
        -ms-transform: rotateY(60deg) rotateX(60deg);
        -o-transform: rotateY(60deg) rotateX(60deg);
        transform: rotateY(60deg) rotateX(60deg);
    }
    75% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        -moz-transform: rotateY(0deg) rotateX(0deg);
        -ms-transform: rotateY(0deg) rotateX(0deg);
        -o-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateY(-60deg) rotateX(-60deg);
        -moz-transform: rotateY(-60deg) rotateX(-60deg);
        -ms-transform: rotateY(-60deg) rotateX(-60deg);
        -o-transform: rotateY(-60deg) rotateX(-60deg);
        transform: rotateY(-60deg) rotateX(180deg);
    }
}
/*----关于我们动画效果----*/
/*背景图片滚动效果*/

.wrapper-bg {
    position: relative;
    width: 100%;
    background: #eee url(../img/bg.png);
    background-size: 100%;
    -webkit-animation: scrollBg 15s linear infinite;
    -ms-animation: scrollBg 15s linear infinite;
    animation: scrollBg 15s linear infinite;
}
@-webkit-keyframes scrollBg {
    0% {
        background-position: 0 -500px;
    }
    100% {
        background-position: 0 0;
    }
}
@keyframes scrollBg {
    0% {
        background-position: 0 -500px;
    }
    100% {
        background-position: 0 0;
    }
}
/*下雨效果使用CANVAS控制*/

canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 1;
    transform: rotate(30deg);
}
/*小点点移动*/

.universe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 470px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    overflow: hidden;
    z-index: 2;
}
.galaxy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 470px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-animation: rotation 120s linear infinite;
    animation: rotation 120s linear infinite;
    overflow: hidden;
    z-index: 2;
}
.star {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.star:not(.is-sun), .star:not(.is-sun)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
}
.star:not(.is-sun)::before {
    content: "";
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.star.is-sun {
    /*中间大LOGO*/
    position: absolute;
    top: 50%;
    left: 50%;
    width:150px;
    height:150px;
    border-radius: 50%;
    box-shadow: 0 0 50px #73be00;
    background: url(../img/da.png) center center no-repeat;
    background-size: 100px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse 3s linear infinite alternate;
    animation: pulse 3s linear infinite alternate;
    z-index: 99;
}
.star:not(.is-sun):nth-child(1) {
    -webkit-transform: translate3d(123px, 455px, 532px);
    transform: translate3d(123px, 455px, 532px);
}
.star:not(.is-sun):nth-child(2) {
    -webkit-transform: translate3d(700px, 613px, 158px);
    transform: translate3d(700px, 613px, 158px);
}
.star:not(.is-sun):nth-child(3) {
    -webkit-transform: translate3d(-222px, 602px, -555px);
    transform: translate3d(-222px, 602px, -555px);
}
.star:not(.is-sun):nth-child(4) {
    -webkit-transform: translate3d(-604px, -784px, -756px);
    transform: translate3d(-604px, -784px, -756px);
}
.star:not(.is-sun):nth-child(5) {
    -webkit-transform: translate3d(647px, -376px, -51px);
    transform: translate3d(647px, -376px, -51px);
}
.star:not(.is-sun):nth-child(6) {
    -webkit-transform: translate3d(-256px, 582px, -603px);
    transform: translate3d(-256px, 582px, -603px);
}
.star:not(.is-sun):nth-child(7) {
    -webkit-transform: translate3d(-53px, 636px, -442px);
    transform: translate3d(-53px, 636px, -442px);
}
.star:not(.is-sun):nth-child(8) {
    -webkit-transform: translate3d(-113px, -115px, 718px);
    transform: translate3d(-113px, -115px, 718px);
}
.star:not(.is-sun):nth-child(9) {
    -webkit-transform: translate3d(-127px, -299px, 647px);
    transform: translate3d(-127px, -299px, 647px);
}
.star:not(.is-sun):nth-child(10) {
    -webkit-transform: translate3d(636px, 49px, 315px);
    transform: translate3d(636px, 49px, 315px);
}
.star:not(.is-sun):nth-child(11) {
    -webkit-transform: translate3d(-751px, -656px, 789px);
    transform: translate3d(-751px, -656px, 789px);
}
.star:not(.is-sun):nth-child(12) {
    -webkit-transform: translate3d(667px, 154px, -103px);
    transform: translate3d(667px, 154px, -103px);
}
.star:not(.is-sun):nth-child(13) {
    -webkit-transform: translate3d(-461px, 41px, 620px);
    transform: translate3d(-461px, 41px, 620px);
}
.star:not(.is-sun):nth-child(14) {
    -webkit-transform: translate3d(203px, -102px, 611px);
    transform: translate3d(203px, -102px, 611px);
}
.star:not(.is-sun):nth-child(15) {
    -webkit-transform: translate3d(-785px, 488px, -396px);
    transform: translate3d(-785px, 488px, -396px);
}
.star:not(.is-sun):nth-child(16) {
    -webkit-transform: translate3d(-71px, 444px, -217px);
    transform: translate3d(-71px, 444px, -217px);
}
.star:not(.is-sun):nth-child(17) {
    -webkit-transform: translate3d(369px, -1px, -207px);
    transform: translate3d(369px, -1px, -207px);
}
.star:not(.is-sun):nth-child(18) {
    -webkit-transform: translate3d(140px, 774px, -549px);
    transform: translate3d(140px, 774px, -549px);
}
.star:not(.is-sun):nth-child(19) {
    -webkit-transform: translate3d(162px, 464px, -47px);
    transform: translate3d(162px, 464px, -47px);
}
.star:not(.is-sun):nth-child(20) {
    -webkit-transform: translate3d(-74px, -772px, -273px);
    transform: translate3d(-74px, -772px, -273px);
}
.star:not(.is-sun):nth-child(21) {
    -webkit-transform: translate3d(-437px, -325px, -126px);
    transform: translate3d(-437px, -325px, -126px);
}
.star:not(.is-sun):nth-child(22) {
    -webkit-transform: translate3d(-440px, 430px, 262px);
    transform: translate3d(-440px, 430px, 262px);
}
.star:not(.is-sun):nth-child(23) {
    -webkit-transform: translate3d(338px, -657px, -518px);
    transform: translate3d(338px, -657px, -518px);
}
.star:not(.is-sun):nth-child(24) {
    -webkit-transform: translate3d(115px, 496px, 436px);
    transform: translate3d(115px, 496px, 436px);
}
.star:not(.is-sun):nth-child(25) {
    -webkit-transform: translate3d(-229px, -162px, -443px);
    transform: translate3d(-229px, -162px, -443px);
}
.star:not(.is-sun):nth-child(26) {
    -webkit-transform: translate3d(-16px, -64px, -22px);
    transform: translate3d(-16px, -64px, -22px);
}
.star:not(.is-sun):nth-child(27) {
    -webkit-transform: translate3d(745px, 587px, -657px);
    transform: translate3d(745px, 587px, -657px);
}
.star:not(.is-sun):nth-child(28) {
    -webkit-transform: translate3d(-792px, 566px, 671px);
    transform: translate3d(-792px, 566px, 671px);
}
.star:not(.is-sun):nth-child(29) {
    -webkit-transform: translate3d(632px, 320px, -521px);
    transform: translate3d(632px, 320px, -521px);
}
.star:not(.is-sun):nth-child(30) {
    -webkit-transform: translate3d(324px, -520px, 301px);
    transform: translate3d(324px, -520px, 301px);
}
.star:not(.is-sun):nth-child(31) {
    -webkit-transform: translate3d(616px, -300px, 582px);
    transform: translate3d(616px, -300px, 582px);
}
.star:not(.is-sun):nth-child(32) {
    -webkit-transform: translate3d(43px, 370px, -5px);
    transform: translate3d(43px, 370px, -5px);
}
.star:not(.is-sun):nth-child(33) {
    -webkit-transform: translate3d(272px, 437px, -342px);
    transform: translate3d(272px, 437px, -342px);
}
.star:not(.is-sun):nth-child(34) {
    -webkit-transform: translate3d(-1px, 676px, 627px);
    transform: translate3d(-1px, 676px, 627px);
}
.star:not(.is-sun):nth-child(35) {
    -webkit-transform: translate3d(-180px, 7px, -243px);
    transform: translate3d(-180px, 7px, -243px);
}
.star:not(.is-sun):nth-child(36) {
    -webkit-transform: translate3d(-83px, 704px, 415px);
    transform: translate3d(-83px, 704px, 415px);
}
.star:not(.is-sun):nth-child(37) {
    -webkit-transform: translate3d(-127px, 643px, 718px);
    transform: translate3d(-127px, 643px, 718px);
}
.star:not(.is-sun):nth-child(38) {
    -webkit-transform: translate3d(625px, -95px, 475px);
    transform: translate3d(625px, -95px, 475px);
}
.star:not(.is-sun):nth-child(39) {
    -webkit-transform: translate3d(224px, -556px, -279px);
    transform: translate3d(224px, -556px, -279px);
}
.star:not(.is-sun):nth-child(40) {
    -webkit-transform: translate3d(656px, -184px, 45px);
    transform: translate3d(656px, -184px, 45px);
}
.star:not(.is-sun):nth-child(41) {
    -webkit-transform: translate3d(208px, 563px, -185px);
    transform: translate3d(208px, 563px, -185px);
}
.star:not(.is-sun):nth-child(42) {
    -webkit-transform: translate3d(-798px, -10px, 421px);
    transform: translate3d(-798px, -10px, 421px);
}
.star:not(.is-sun):nth-child(43) {
    -webkit-transform: translate3d(413px, 280px, -230px);
    transform: translate3d(413px, 280px, -230px);
}
.star:not(.is-sun):nth-child(44) {
    -webkit-transform: translate3d(-101px, 434px, 392px);
    transform: translate3d(-101px, 434px, 392px);
}
.star:not(.is-sun):nth-child(45) {
    -webkit-transform: translate3d(344px, 278px, 178px);
    transform: translate3d(344px, 278px, 178px);
}
.star:not(.is-sun):nth-child(46) {
    -webkit-transform: translate3d(-784px, 792px, -660px);
    transform: translate3d(-784px, 792px, -660px);
}
.star:not(.is-sun):nth-child(47) {
    -webkit-transform: translate3d(-430px, 674px, 183px);
    transform: translate3d(-430px, 674px, 183px);
}
.star:not(.is-sun):nth-child(48) {
    -webkit-transform: translate3d(36px, -664px, 566px);
    transform: translate3d(36px, -664px, 566px);
}
.star:not(.is-sun):nth-child(49) {
    -webkit-transform: translate3d(783px, 683px, -655px);
    transform: translate3d(783px, 683px, -655px);
}
.star:not(.is-sun):nth-child(50) {
    -webkit-transform: translate3d(-517px, 177px, -722px);
    transform: translate3d(-517px, 177px, -722px);
}
.star:not(.is-sun):nth-child(51) {
    -webkit-transform: translate3d(-76px, -607px, -61px);
    transform: translate3d(-76px, -607px, -61px);
}
.star:not(.is-sun):nth-child(52) {
    -webkit-transform: translate3d(277px, -162px, -689px);
    transform: translate3d(277px, -162px, -689px);
}
.star:not(.is-sun):nth-child(53) {
    -webkit-transform: translate3d(630px, -411px, -512px);
    transform: translate3d(630px, -411px, -512px);
}
.star:not(.is-sun):nth-child(54) {
    -webkit-transform: translate3d(595px, 20px, -598px);
    transform: translate3d(595px, 20px, -598px);
}
.star:not(.is-sun):nth-child(55) {
    -webkit-transform: translate3d(100px, -521px, -595px);
    transform: translate3d(100px, -521px, -595px);
}
.star:not(.is-sun):nth-child(56) {
    -webkit-transform: translate3d(100px, -262px, 424px);
    transform: translate3d(100px, -262px, 424px);
}
.star:not(.is-sun):nth-child(57) {
    -webkit-transform: translate3d(-378px, -438px, 180px);
    transform: translate3d(-378px, -438px, 180px);
}
.star:not(.is-sun):nth-child(58) {
    -webkit-transform: translate3d(-737px, 444px, -224px);
    transform: translate3d(-737px, 444px, -224px);
}
.star:not(.is-sun):nth-child(59) {
    -webkit-transform: translate3d(278px, 594px, -453px);
    transform: translate3d(278px, 594px, -453px);
}
.star:not(.is-sun):nth-child(60) {
    -webkit-transform: translate3d(377px, -490px, 530px);
    transform: translate3d(377px, -490px, 530px);
}
.star:not(.is-sun):nth-child(61) {
    -webkit-transform: translate3d(-213px, -436px, 434px);
    transform: translate3d(-213px, -436px, 434px);
}
.star:not(.is-sun):nth-child(62) {
    -webkit-transform: translate3d(776px, 733px, 574px);
    transform: translate3d(776px, 733px, 574px);
}
.star:not(.is-sun):nth-child(63) {
    -webkit-transform: translate3d(663px, 522px, -606px);
    transform: translate3d(663px, 522px, -606px);
}
.star:not(.is-sun):nth-child(64) {
    -webkit-transform: translate3d(-160px, -485px, 14px);
    transform: translate3d(-160px, -485px, 14px);
}
.star:not(.is-sun):nth-child(65) {
    -webkit-transform: translate3d(-364px, 263px, -598px);
    transform: translate3d(-364px, 263px, -598px);
}
.star:not(.is-sun):nth-child(66) {
    -webkit-transform: translate3d(-685px, 723px, -366px);
    transform: translate3d(-685px, 723px, -366px);
}
.star:not(.is-sun):nth-child(67) {
    -webkit-transform: translate3d(656px, 448px, 783px);
    transform: translate3d(656px, 448px, 783px);
}
.star:not(.is-sun):nth-child(68) {
    -webkit-transform: translate3d(-489px, -74px, -654px);
    transform: translate3d(-489px, -74px, -654px);
}
.star:not(.is-sun):nth-child(69) {
    -webkit-transform: translate3d(-271px, -583px, 319px);
    transform: translate3d(-271px, -583px, 319px);
}
.star:not(.is-sun):nth-child(70) {
    -webkit-transform: translate3d(-180px, 613px, 267px);
    transform: translate3d(-180px, 613px, 267px);
}
.star:not(.is-sun):nth-child(71) {
    -webkit-transform: translate3d(350px, -792px, 397px);
    transform: translate3d(350px, -792px, 397px);
}
.star:not(.is-sun):nth-child(72) {
    -webkit-transform: translate3d(-99px, -608px, -106px);
    transform: translate3d(-99px, -608px, -106px);
}
.star:not(.is-sun):nth-child(73) {
    -webkit-transform: translate3d(428px, -498px, 669px);
    transform: translate3d(428px, -498px, 669px);
}
.star:not(.is-sun):nth-child(74) {
    -webkit-transform: translate3d(-520px, 361px, 508px);
    transform: translate3d(-520px, 361px, 508px);
}
.star:not(.is-sun):nth-child(75) {
    -webkit-transform: translate3d(215px, 710px, -159px);
    transform: translate3d(215px, 710px, -159px);
}
.star:not(.is-sun):nth-child(76) {
    -webkit-transform: translate3d(60px, -221px, 395px);
    transform: translate3d(60px, -221px, 395px);
}
.star:not(.is-sun):nth-child(77) {
    -webkit-transform: translate3d(-192px, 667px, 222px);
    transform: translate3d(-192px, 667px, 222px);
}
.star:not(.is-sun):nth-child(78) {
    -webkit-transform: translate3d(-414px, -136px, -793px);
    transform: translate3d(-414px, -136px, -793px);
}
.star:not(.is-sun):nth-child(79) {
    -webkit-transform: translate3d(-409px, -312px, -722px);
    transform: translate3d(-409px, -312px, -722px);
}
.star:not(.is-sun):nth-child(80) {
    -webkit-transform: translate3d(25px, -26px, -379px);
    transform: translate3d(25px, -26px, -379px);
}
.star:not(.is-sun):nth-child(81) {
    -webkit-transform: translate3d(-495px, 273px, 293px);
    transform: translate3d(-495px, 273px, 293px);
}
.star:not(.is-sun):nth-child(82) {
    -webkit-transform: translate3d(771px, -697px, 547px);
    transform: translate3d(771px, -697px, 547px);
}
.star:not(.is-sun):nth-child(83) {
    -webkit-transform: translate3d(-111px, -152px, -380px);
    transform: translate3d(-111px, -152px, -380px);
}
.star:not(.is-sun):nth-child(84) {
    -webkit-transform: translate3d(-759px, -214px, 561px);
    transform: translate3d(-759px, -214px, 561px);
}
.star:not(.is-sun):nth-child(85) {
    -webkit-transform: translate3d(-484px, 455px, -192px);

    transform: translate3d(-484px, 455px, -192px);
}
.star:not(.is-sun):nth-child(86) {
    -webkit-transform: translate3d(110px, -535px, 321px);
    transform: translate3d(110px, -535px, 321px);
}
.star:not(.is-sun):nth-child(87) {
    -webkit-transform: translate3d(634px, 776px, -282px);
    transform: translate3d(634px, 776px, -282px);
}
.star:not(.is-sun):nth-child(88) {
    -webkit-transform: translate3d(-220px, 430px, -659px);
    transform: translate3d(-220px, 430px, -659px);
}
.star:not(.is-sun):nth-child(89) {
    -webkit-transform: translate3d(611px, 682px, 476px);
    transform: translate3d(611px, 682px, 476px);
}
.star:not(.is-sun):nth-child(90) {
    -webkit-transform: translate3d(-465px, -604px, -687px);
    transform: translate3d(-465px, -604px, -687px);
}
.star:not(.is-sun):nth-child(91) {
    -webkit-transform: translate3d(-409px, -200px, -158px);
    transform: translate3d(-409px, -200px, -158px);
}
.star:not(.is-sun):nth-child(92) {
    -webkit-transform: translate3d(-608px, 414px, 409px);
    transform: translate3d(-608px, 414px, 409px);
}
.star:not(.is-sun):nth-child(93) {
    -webkit-transform: translate3d(794px, -98px, -202px);
    transform: translate3d(794px, -98px, -202px);
}
.star:not(.is-sun):nth-child(94) {
    -webkit-transform: translate3d(-410px, 177px, -608px);
    transform: translate3d(-410px, 177px, -608px);
}
.star:not(.is-sun):nth-child(95) {
    -webkit-transform: translate3d(-715px, 728px, -704px);
    transform: translate3d(-715px, 728px, -704px);
}
.star:not(.is-sun):nth-child(96) {
    -webkit-transform: translate3d(-366px, -199px, 738px);
    transform: translate3d(-366px, -199px, 738px);
}
.star:not(.is-sun):nth-child(97) {
    -webkit-transform: translate3d(-260px, 382px, 28px);
    transform: translate3d(-260px, 382px, 28px);
}
.star:not(.is-sun):nth-child(98) {
    -webkit-transform: translate3d(538px, -70px, 681px);
    transform: translate3d(538px, -70px, 681px);
}
.star:not(.is-sun):nth-child(99) {
    -webkit-transform: translate3d(85px, 180px, -428px);
    transform: translate3d(85px, 180px, -428px);
}
.star:not(.is-sun):nth-child(100) {
    -webkit-transform: translate3d(8px, -561px, 274px);
    transform: translate3d(8px, -561px, 274px);
}
.star:not(.is-sun):nth-child(101) {
    -webkit-transform: translate3d(489px, 30px, -640px);
    transform: translate3d(489px, 30px, -640px);
}
.star:not(.is-sun):nth-child(102) {
    -webkit-transform: translate3d(416px, -126px, -550px);
    transform: translate3d(416px, -126px, -550px);
}
.star:not(.is-sun):nth-child(103) {
    -webkit-transform: translate3d(639px, -694px, -213px);
    transform: translate3d(639px, -694px, -213px);
}
.star:not(.is-sun):nth-child(104) {
    -webkit-transform: translate3d(-487px, 778px, -626px);
    transform: translate3d(-487px, 778px, -626px);
}
.star:not(.is-sun):nth-child(105) {
    -webkit-transform: translate3d(-277px, -767px, 588px);
    transform: translate3d(-277px, -767px, 588px);
}
.star:not(.is-sun):nth-child(106) {
    -webkit-transform: translate3d(725px, 60px, -581px);
    transform: translate3d(725px, 60px, -581px);
}
.star:not(.is-sun):nth-child(107) {
    -webkit-transform: translate3d(-638px, -505px, 206px);
    transform: translate3d(-638px, -505px, 206px);
}
.star:not(.is-sun):nth-child(108) {
    -webkit-transform: translate3d(384px, 481px, 476px);
    transform: translate3d(384px, 481px, 476px);
}
.star:not(.is-sun):nth-child(109) {
    -webkit-transform: translate3d(349px, 280px, -762px);
    transform: translate3d(349px, 280px, -762px);
}
.star:not(.is-sun):nth-child(110) {
    -webkit-transform: translate3d(-123px, -123px, -59px);
    transform: translate3d(-123px, -123px, -59px);
}
.star:not(.is-sun):nth-child(111) {
    -webkit-transform: translate3d(365px, 6px, 503px);
    transform: translate3d(365px, 6px, 503px);
}
.star:not(.is-sun):nth-child(112) {
    -webkit-transform: translate3d(-577px, 783px, -614px);
    transform: translate3d(-577px, 783px, -614px);
}
.star:not(.is-sun):nth-child(113) {
    -webkit-transform: translate3d(64px, -127px, -320px);
    transform: translate3d(64px, -127px, -320px);
}
.star:not(.is-sun):nth-child(114) {
    -webkit-transform: translate3d(-9px, -203px, -720px);
    transform: translate3d(-9px, -203px, -720px);
}
.star:not(.is-sun):nth-child(115) {
    -webkit-transform: translate3d(-245px, -596px, -557px);
    transform: translate3d(-245px, -596px, -557px);
}
.star:not(.is-sun):nth-child(116) {
    -webkit-transform: translate3d(393px, -738px, 628px);
    transform: translate3d(393px, -738px, 628px);
}
.star:not(.is-sun):nth-child(117) {
    -webkit-transform: translate3d(633px, 170px, -362px);
    transform: translate3d(633px, 170px, -362px);
}
.star:not(.is-sun):nth-child(118) {
    -webkit-transform: translate3d(-332px, 488px, -220px);
    transform: translate3d(-332px, 488px, -220px);
}
.star:not(.is-sun):nth-child(119) {
    -webkit-transform: translate3d(236px, -347px, 334px);
    transform: translate3d(236px, -347px, 334px);
}
.star:not(.is-sun):nth-child(120) {
    -webkit-transform: translate3d(48px, -30px, 291px);
    transform: translate3d(48px, -30px, 291px);
}
.star:not(.is-sun):nth-child(121) {
    -webkit-transform: translate3d(321px, -673px, -800px);
    transform: translate3d(321px, -673px, -800px);
}
.star:not(.is-sun):nth-child(122) {
    -webkit-transform: translate3d(250px, -12px, 462px);
    transform: translate3d(250px, -12px, 462px);
}
.star:not(.is-sun):nth-child(123) {
    -webkit-transform: translate3d(490px, -191px, -361px);
    transform: translate3d(490px, -191px, -361px);
}
.star:not(.is-sun):nth-child(124) {
    -webkit-transform: translate3d(-368px, 730px, 551px);
    transform: translate3d(-368px, 730px, 551px);
}
.star:not(.is-sun):nth-child(125) {
    -webkit-transform: translate3d(-453px, -568px, -536px);
    transform: translate3d(-453px, -568px, -536px);
}
.star:not(.is-sun):nth-child(126) {
    -webkit-transform: translate3d(428px, 748px, -545px);
    transform: translate3d(428px, 748px, -545px);
}
.star:not(.is-sun):nth-child(127) {
    -webkit-transform: translate3d(-697px, 631px, 24px);
    transform: translate3d(-697px, 631px, 24px);
}
.star:not(.is-sun):nth-child(128) {
    -webkit-transform: translate3d(-650px, -160px, -428px);
    transform: translate3d(-650px, -160px, -428px);
}
.star:not(.is-sun):nth-child(129) {
    -webkit-transform: translate3d(179px, -345px, -283px);
    transform: translate3d(179px, -345px, -283px);
}
.star:not(.is-sun):nth-child(130) {
    -webkit-transform: translate3d(213px, -347px, -246px);
    transform: translate3d(213px, -347px, -246px);
}
.star:not(.is-sun):nth-child(131) {
    -webkit-transform: translate3d(-778px, -354px, 279px);
    transform: translate3d(-778px, -354px, 279px);
}
.star:not(.is-sun):nth-child(132) {
    -webkit-transform: translate3d(9px, -418px, -693px);
    transform: translate3d(9px, -418px, -693px);
}
.star:not(.is-sun):nth-child(133) {
    -webkit-transform: translate3d(-44px, 585px, 562px);
    transform: translate3d(-44px, 585px, 562px);
}
.star:not(.is-sun):nth-child(134) {
    -webkit-transform: translate3d(-265px, -607px, 75px);
    transform: translate3d(-265px, -607px, 75px);
}
.star:not(.is-sun):nth-child(135) {
    -webkit-transform: translate3d(106px, -717px, -315px);
    transform: translate3d(106px, -717px, -315px);
}
.star:not(.is-sun):nth-child(136) {
    -webkit-transform: translate3d(-390px, 622px, -184px);
    transform: translate3d(-390px, 622px, -184px);
}
.star:not(.is-sun):nth-child(137) {
    -webkit-transform: translate3d(175px, -381px, -181px);
    transform: translate3d(175px, -381px, -181px);
}
.star:not(.is-sun):nth-child(138) {
    -webkit-transform: translate3d(-286px, 725px, -446px);
    transform: translate3d(-286px, 725px, -446px);
}
.star:not(.is-sun):nth-child(139) {
    -webkit-transform: translate3d(-713px, 477px, 246px);
    transform: translate3d(-713px, 477px, 246px);
}
.star:not(.is-sun):nth-child(140) {
    -webkit-transform: translate3d(-302px, -44px, 302px);
    transform: translate3d(-302px, -44px, 302px);
}
.star:not(.is-sun):nth-child(141) {
    -webkit-transform: translate3d(-288px, 386px, 574px);
    transform: translate3d(-288px, 386px, 574px);
}
.star:not(.is-sun):nth-child(142) {
    -webkit-transform: translate3d(468px, -419px, 544px);
    transform: translate3d(468px, -419px, 544px);
}
.star:not(.is-sun):nth-child(143) {
    -webkit-transform: translate3d(-189px, 268px, -235px);
    transform: translate3d(-189px, 268px, -235px);
}
.star:not(.is-sun):nth-child(144) {
    -webkit-transform: translate3d(187px, -403px, -169px);
    transform: translate3d(187px, -403px, -169px);
}
.star:not(.is-sun):nth-child(145) {
    -webkit-transform: translate3d(670px, -449px, 154px);
    transform: translate3d(670px, -449px, 154px);
}
.star:not(.is-sun):nth-child(146) {
    -webkit-transform: translate3d(118px, -458px, -586px);
    transform: translate3d(118px, -458px, -586px);
}
.star:not(.is-sun):nth-child(147) {
    -webkit-transform: translate3d(270px, 576px, -271px);
    transform: translate3d(270px, 576px, -271px);
}
.star:not(.is-sun):nth-child(148) {
    -webkit-transform: translate3d(391px, -207px, -668px);
    transform: translate3d(391px, -207px, -668px);
}
.star:not(.is-sun):nth-child(149) {
    -webkit-transform: translate3d(-526px, 277px, 418px);
    transform: translate3d(-526px, 277px, 418px);
}
.star:not(.is-sun):nth-child(150) {
    -webkit-transform: translate3d(680px, -508px, 464px);
    transform: translate3d(680px, -508px, 464px);
}
.star:not(.is-sun):nth-child(151) {
    -webkit-transform: translate3d(223px, -276px, 433px);
    transform: translate3d(223px, -276px, 433px);
}
.star:not(.is-sun):nth-child(152) {
    -webkit-transform: translate3d(-748px, 473px, -461px);
    transform: translate3d(-748px, 473px, -461px);
}
.star:not(.is-sun):nth-child(153) {
    -webkit-transform: translate3d(160px, -238px, -162px);
    transform: translate3d(160px, -238px, -162px);
}
.star:not(.is-sun):nth-child(154) {
    -webkit-transform: translate3d(-652px, 669px, 649px);
    transform: translate3d(-652px, 669px, 649px);
}
.star:not(.is-sun):nth-child(155) {
    -webkit-transform: translate3d(-688px, 625px, -133px);
    transform: translate3d(-688px, 625px, -133px);
}
.star:not(.is-sun):nth-child(156) {
    -webkit-transform: translate3d(424px, -794px, 704px);
    transform: translate3d(424px, -794px, 704px);
}
.star:not(.is-sun):nth-child(157) {
    -webkit-transform: translate3d(337px, 553px, 322px);
    transform: translate3d(337px, 553px, 322px);
}
.star:not(.is-sun):nth-child(158) {
    -webkit-transform: translate3d(-662px, 614px, -422px);
    transform: translate3d(-662px, 614px, -422px);
}
.star:not(.is-sun):nth-child(159) {
    -webkit-transform: translate3d(297px, -377px, 391px);
    transform: translate3d(297px, -377px, 391px);
}
.star:not(.is-sun):nth-child(160) {
    -webkit-transform: translate3d(-722px, -696px, -647px);
    transform: translate3d(-722px, -696px, -647px);
}
.star:not(.is-sun):nth-child(161) {
    -webkit-transform: translate3d(61px, 52px, -326px);
    transform: translate3d(61px, 52px, -326px);
}
.star:not(.is-sun):nth-child(162) {
    -webkit-transform: translate3d(-206px, -714px, 783px);
    transform: translate3d(-206px, -714px, 783px);
}
.star:not(.is-sun):nth-child(163) {
    -webkit-transform: translate3d(326px, -234px, -130px);
    transform: translate3d(326px, -234px, -130px);
}
.star:not(.is-sun):nth-child(164) {
    -webkit-transform: translate3d(700px, -112px, -733px);
    transform: translate3d(700px, -112px, -733px);
}
.star:not(.is-sun):nth-child(165) {
    -webkit-transform: translate3d(246px, 576px, -738px);
    transform: translate3d(246px, 576px, -738px);
}
.star:not(.is-sun):nth-child(166) {
    -webkit-transform: translate3d(71px, 85px, -606px);
    transform: translate3d(71px, 85px, -606px);
}
.star:not(.is-sun):nth-child(167) {
    -webkit-transform: translate3d(26px, 732px, -601px);
    transform: translate3d(26px, 732px, -601px);
}
.star:not(.is-sun):nth-child(168) {
    -webkit-transform: translate3d(-300px, 496px, 48px);
    transform: translate3d(-300px, 496px, 48px);
}
.star:not(.is-sun):nth-child(169) {
    -webkit-transform: translate3d(106px, 227px, -125px);
    transform: translate3d(106px, 227px, -125px);
}
.star:not(.is-sun):nth-child(170) {
    -webkit-transform: translate3d(-373px, -164px, 609px);
    transform: translate3d(-373px, -164px, 609px);
}
.star:not(.is-sun):nth-child(171) {
    -webkit-transform: translate3d(-621px, -591px, -274px);
    transform: translate3d(-621px, -591px, -274px);
}
.star:not(.is-sun):nth-child(172) {
    -webkit-transform: translate3d(-115px, 19px, 673px);
    transform: translate3d(-115px, 19px, 673px);
}
.star:not(.is-sun):nth-child(173) {
    -webkit-transform: translate3d(147px, 301px, -426px);
    transform: translate3d(147px, 301px, -426px);
}
.star:not(.is-sun):nth-child(174) {
    -webkit-transform: translate3d(695px, -278px, 352px);
    transform: translate3d(695px, -278px, 352px);
}
.star:not(.is-sun):nth-child(175) {
    -webkit-transform: translate3d(752px, -178px, -105px);
    transform: translate3d(752px, -178px, -105px);
}
.star:not(.is-sun):nth-child(176) {
    -webkit-transform: translate3d(641px, 226px, -11px);
    transform: translate3d(641px, 226px, -11px);
}
.star:not(.is-sun):nth-child(177) {
    -webkit-transform: translate3d(-490px, 51px, 68px);
    transform: translate3d(-490px, 51px, 68px);
}
.star:not(.is-sun):nth-child(178) {
    -webkit-transform: translate3d(-508px, -134px, -715px);
    transform: translate3d(-508px, -134px, -715px);
}
.star:not(.is-sun):nth-child(179) {
    -webkit-transform: translate3d(195px, 108px, 149px);
    transform: translate3d(195px, 108px, 149px);
}
.star:not(.is-sun):nth-child(180) {
    -webkit-transform: translate3d(-200px, -298px, -415px);
    transform: translate3d(-200px, -298px, -415px);
}
.star:not(.is-sun):nth-child(181) {
    -webkit-transform: translate3d(791px, 78px, -764px);
    transform: translate3d(791px, 78px, -764px);
}
.star:not(.is-sun):nth-child(182) {
    -webkit-transform: translate3d(512px, 603px, 516px);
    transform: translate3d(512px, 603px, 516px);
}
.star:not(.is-sun):nth-child(183) {
    -webkit-transform: translate3d(-393px, 19px, -336px);
    transform: translate3d(-393px, 19px, -336px);
}
.star:not(.is-sun):nth-child(184) {
    -webkit-transform: translate3d(786px, 510px, -343px);
    transform: translate3d(786px, 510px, -343px);
}
.star:not(.is-sun):nth-child(185) {
    -webkit-transform: translate3d(34px, 671px, 463px);
    transform: translate3d(34px, 671px, 463px);
}
.star:not(.is-sun):nth-child(186) {
    -webkit-transform: translate3d(-338px, -100px, -215px);
    transform: translate3d(-338px, -100px, -215px);
}
.star:not(.is-sun):nth-child(187) {
    -webkit-transform: translate3d(110px, -1px, 693px);
    transform: translate3d(110px, -1px, 693px);
}
.star:not(.is-sun):nth-child(188) {
    -webkit-transform: translate3d(-507px, -344px, -748px);
    transform: translate3d(-507px, -344px, -748px);
}
.star:not(.is-sun):nth-child(189) {
    -webkit-transform: translate3d(-756px, -624px, -739px);
    transform: translate3d(-756px, -624px, -739px);
}
.star:not(.is-sun):nth-child(190) {
    -webkit-transform: translate3d(-736px, -322px, -662px);
    transform: translate3d(-736px, -322px, -662px);
}
.star:not(.is-sun):nth-child(191) {
    -webkit-transform: translate3d(-381px, -585px, 112px);
    transform: translate3d(-381px, -585px, 112px);
}
.star:not(.is-sun):nth-child(192) {
    -webkit-transform: translate3d(-683px, 428px, 627px);
    transform: translate3d(-683px, 428px, 627px);
}
.star:not(.is-sun):nth-child(193) {
    -webkit-transform: translate3d(401px, -27px, -567px);
    transform: translate3d(401px, -27px, -567px);
}
.star:not(.is-sun):nth-child(194) {
    -webkit-transform: translate3d(-42px, -65px, 321px);
    transform: translate3d(-42px, -65px, 321px);
}
.star:not(.is-sun):nth-child(195) {
    -webkit-transform: translate3d(51px, 629px, -749px);
    transform: translate3d(51px, 629px, -749px);
}
.star:not(.is-sun):nth-child(196) {
    -webkit-transform: translate3d(-454px, 14px, -408px);
    transform: translate3d(-454px, 14px, -408px);
}
.star:not(.is-sun):nth-child(197) {
    -webkit-transform: translate3d(-566px, 161px, 718px);
    transform: translate3d(-566px, 161px, 718px);
}
.star:not(.is-sun):nth-child(198) {
    -webkit-transform: translate3d(797px, 559px, 757px);
    transform: translate3d(797px, 559px, 757px);
}
.star:not(.is-sun):nth-child(199) {
    -webkit-transform: translate3d(362px, -12px, -71px);
    transform: translate3d(362px, -12px, -71px);
}
.star:not(.is-sun):nth-child(200) {
    -webkit-transform: translate3d(-141px, -428px, 442px);
    transform: translate3d(-141px, -428px, 442px);
}
.star:not(.is-sun):nth-child(201) {
    -webkit-transform: translate3d(285px, 355px, -515px);
    transform: translate3d(285px, 355px, -515px);
}
.star:not(.is-sun):nth-child(202) {
    -webkit-transform: translate3d(-237px, 471px, -334px);
    transform: translate3d(-237px, 471px, -334px);
}
.star:not(.is-sun):nth-child(203) {
    -webkit-transform: translate3d(412px, -11px, 735px);
    transform: translate3d(412px, -11px, 735px);
}
.star:not(.is-sun):nth-child(204) {
    -webkit-transform: translate3d(-371px, 774px, 331px);
    transform: translate3d(-371px, 774px, 331px);
}
.star:not(.is-sun):nth-child(205) {
    -webkit-transform: translate3d(110px, 368px, -54px);
    transform: translate3d(110px, 368px, -54px);
}
.star:not(.is-sun):nth-child(206) {
    -webkit-transform: translate3d(476px, 144px, -541px);
    transform: translate3d(476px, 144px, -541px);
}
.star:not(.is-sun):nth-child(207) {
    -webkit-transform: translate3d(-69px, 372px, 93px);
    transform: translate3d(-69px, 372px, 93px);
}
.star:not(.is-sun):nth-child(208) {
    -webkit-transform: translate3d(-287px, -546px, 15px);
    transform: translate3d(-287px, -546px, 15px);
}
.star:not(.is-sun):nth-child(209) {
    -webkit-transform: translate3d(-297px, 763px, 465px);
    transform: translate3d(-297px, 763px, 465px);
}
.star:not(.is-sun):nth-child(210) {
    -webkit-transform: translate3d(-783px, 500px, -449px);
    transform: translate3d(-783px, 500px, -449px);
}
.star:not(.is-sun):nth-child(211) {
    -webkit-transform: translate3d(111px, 517px, -716px);
    transform: translate3d(111px, 517px, -716px);
}
.star:not(.is-sun):nth-child(212) {
    -webkit-transform: translate3d(-237px, -646px, -500px);
    transform: translate3d(-237px, -646px, -500px);
}
.star:not(.is-sun):nth-child(213) {
    -webkit-transform: translate3d(-707px, -675px, -509px);
    transform: translate3d(-707px, -675px, -509px);
}
.star:not(.is-sun):nth-child(214) {
    -webkit-transform: translate3d(408px, -778px, 71px);
    transform: translate3d(408px, -778px, 71px);
}
.star:not(.is-sun):nth-child(215) {
    -webkit-transform: translate3d(-676px, 341px, -225px);
    transform: translate3d(-676px, 341px, -225px);
}
.star:not(.is-sun):nth-child(216) {
    -webkit-transform: translate3d(-456px, -219px, -772px);
    transform: translate3d(-456px, -219px, -772px);
}
.star:not(.is-sun):nth-child(217) {
    -webkit-transform: translate3d(18px, 427px, -275px);
    transform: translate3d(18px, 427px, -275px);
}
.star:not(.is-sun):nth-child(218) {
    -webkit-transform: translate3d(-100px, -427px, -159px);
    transform: translate3d(-100px, -427px, -159px);
}
.star:not(.is-sun):nth-child(219) {
    -webkit-transform: translate3d(-329px, 785px, -93px);
    transform: translate3d(-329px, 785px, -93px);
}
.star:not(.is-sun):nth-child(220) {
    -webkit-transform: translate3d(310px, 213px, -413px);
    transform: translate3d(310px, 213px, -413px);
}
.star:not(.is-sun):nth-child(221) {
    -webkit-transform: translate3d(658px, -693px, 621px);
    transform: translate3d(658px, -693px, 621px);
}
.star:not(.is-sun):nth-child(222) {
    -webkit-transform: translate3d(-649px, 166px, -561px);
    transform: translate3d(-649px, 166px, -561px);
}
.star:not(.is-sun):nth-child(223) {
    -webkit-transform: translate3d(-608px, 314px, 515px);
    transform: translate3d(-608px, 314px, 515px);
}
.star:not(.is-sun):nth-child(224) {
    -webkit-transform: translate3d(326px, 557px, -189px);
    transform: translate3d(326px, 557px, -189px);
}
.star:not(.is-sun):nth-child(225) {
    -webkit-transform: translate3d(-472px, -694px, 42px);
    transform: translate3d(-472px, -694px, 42px);
}
.star:not(.is-sun):nth-child(226) {
    -webkit-transform: translate3d(300px, 681px, -249px);
    transform: translate3d(300px, 681px, -249px);
}
.star:not(.is-sun):nth-child(227) {
    -webkit-transform: translate3d(101px, -132px, -198px);
    transform: translate3d(101px, -132px, -198px);
}
.star:not(.is-sun):nth-child(228) {
    -webkit-transform: translate3d(-696px, 359px, -723px);
    transform: translate3d(-696px, 359px, -723px);
}
.star:not(.is-sun):nth-child(229) {
    -webkit-transform: translate3d(-107px, 613px, 291px);
    transform: translate3d(-107px, 613px, 291px);
}
.star:not(.is-sun):nth-child(230) {
    -webkit-transform: translate3d(360px, -495px, 307px);
    transform: translate3d(360px, -495px, 307px);
}
.star:not(.is-sun):nth-child(231) {
    -webkit-transform: translate3d(36px, -475px, -408px);
    transform: translate3d(36px, -475px, -408px);
}
.star:not(.is-sun):nth-child(232) {
    -webkit-transform: translate3d(-689px, -476px, 571px);
    transform: translate3d(-689px, -476px, 571px);
}
.star:not(.is-sun):nth-child(233) {
    -webkit-transform: translate3d(468px, 620px, -115px);
    transform: translate3d(468px, 620px, -115px);
}
.star:not(.is-sun):nth-child(234) {
    -webkit-transform: translate3d(786px, 252px, -631px);
    transform: translate3d(786px, 252px, -631px);
}
.star:not(.is-sun):nth-child(235) {
    -webkit-transform: translate3d(-481px, 454px, 746px);
    transform: translate3d(-481px, 454px, 746px);
}
.star:not(.is-sun):nth-child(236) {
    -webkit-transform: translate3d(-723px, 273px, 699px);
    transform: translate3d(-723px, 273px, 699px);
}
.star:not(.is-sun):nth-child(237) {
    -webkit-transform: translate3d(429px, 35px, -306px);
    transform: translate3d(429px, 35px, -306px);
}
.star:not(.is-sun):nth-child(238) {
    -webkit-transform: translate3d(-756px, -16px, -24px);
    transform: translate3d(-756px, -16px, -24px);
}
.star:not(.is-sun):nth-child(239) {
    -webkit-transform: translate3d(735px, -307px, 750px);
    transform: translate3d(735px, -307px, 750px);
}
.star:not(.is-sun):nth-child(240) {
    -webkit-transform: translate3d(629px, 85px, 346px);
    transform: translate3d(629px, 85px, 346px);
}
.star:not(.is-sun):nth-child(241) {
    -webkit-transform: translate3d(-258px, -726px, 766px);
    transform: translate3d(-258px, -726px, 766px);
}
.star:not(.is-sun):nth-child(242) {
    -webkit-transform: translate3d(-799px, 692px, 481px);
    transform: translate3d(-799px, 692px, 481px);
}
.star:not(.is-sun):nth-child(243) {
    -webkit-transform: translate3d(-201px, -626px, -244px);
    transform: translate3d(-201px, -626px, -244px);
}
.star:not(.is-sun):nth-child(244) {
    -webkit-transform: translate3d(385px, -564px, -188px);
    transform: translate3d(385px, -564px, -188px);
}
.star:not(.is-sun):nth-child(245) {
    -webkit-transform: translate3d(-136px, 11px, -164px);
    transform: translate3d(-136px, 11px, -164px);
}
.star:not(.is-sun):nth-child(246) {
    -webkit-transform: translate3d(552px, -631px, 613px);
    transform: translate3d(552px, -631px, 613px);
}
.star:not(.is-sun):nth-child(247) {
    -webkit-transform: translate3d(-764px, -698px, -161px);
    transform: translate3d(-764px, -698px, -161px);
}
.star:not(.is-sun):nth-child(248) {
    -webkit-transform: translate3d(536px, 386px, -608px);
    transform: translate3d(536px, 386px, -608px);
}
.star:not(.is-sun):nth-child(249) {
    -webkit-transform: translate3d(-736px, 574px, 257px);
    transform: translate3d(-736px, 574px, 257px);
}
.star:not(.is-sun):nth-child(250) {
    -webkit-transform: translate3d(-409px, 632px, 184px);
    transform: translate3d(-409px, 632px, 184px);
}
.star:not(.is-sun):nth-child(251) {
    -webkit-transform: translate3d(-702px, -354px, -223px);
    transform: translate3d(-702px, -354px, -223px);
}
.star:not(.is-sun):nth-child(252) {
    -webkit-transform: translate3d(-252px, -655px, 282px);
    transform: translate3d(-252px, -655px, 282px);
}
.star:not(.is-sun):nth-child(253) {
    -webkit-transform: translate3d(-148px, -418px, 256px);
    transform: translate3d(-148px, -418px, 256px);
}
.star:not(.is-sun):nth-child(254) {
    -webkit-transform: translate3d(-31px, -197px, -494px);
    transform: translate3d(-31px, -197px, -494px);
}
.star:not(.is-sun):nth-child(255) {
    -webkit-transform: translate3d(61px, 711px, 691px);
    transform: translate3d(61px, 711px, 691px);
}
.star:not(.is-sun):nth-child(256) {
    -webkit-transform: translate3d(-104px, 25px, -237px);
    transform: translate3d(-104px, 25px, -237px);
}
.star:not(.is-sun):nth-child(257) {
    -webkit-transform: translate3d(501px, -263px, -21px);
    transform: translate3d(501px, -263px, -21px);
}
.star:not(.is-sun):nth-child(258) {
    -webkit-transform: translate3d(-694px, 536px, 27px);
    transform: translate3d(-694px, 536px, 27px);
}
.star:not(.is-sun):nth-child(259) {
    -webkit-transform: translate3d(465px, -787px, 377px);
    transform: translate3d(465px, -787px, 377px);
}
.star:not(.is-sun):nth-child(260) {
    -webkit-transform: translate3d(179px, -566px, 613px);
    transform: translate3d(179px, -566px, 613px);
}
.star:not(.is-sun):nth-child(261) {
    -webkit-transform: translate3d(-549px, -527px, -753px);
    transform: translate3d(-549px, -527px, -753px);
}
.star:not(.is-sun):nth-child(262) {
    -webkit-transform: translate3d(539px, 403px, 87px);
    transform: translate3d(539px, 403px, 87px);
}
.star:not(.is-sun):nth-child(263) {
    -webkit-transform: translate3d(-51px, -486px, 751px);
    transform: translate3d(-51px, -486px, 751px);
}
.star:not(.is-sun):nth-child(264) {
    -webkit-transform: translate3d(254px, -794px, 558px);
    transform: translate3d(254px, -794px, 558px);
}
.star:not(.is-sun):nth-child(265) {
    -webkit-transform: translate3d(698px, 710px, 135px);
    transform: translate3d(698px, 710px, 135px);
}
.star:not(.is-sun):nth-child(266) {
    -webkit-transform: translate3d(-678px, 747px, -468px);
    transform: translate3d(-678px, 747px, -468px);
}
.star:not(.is-sun):nth-child(267) {
    -webkit-transform: translate3d(182px, -405px, 32px);
    transform: translate3d(182px, -405px, 32px);
}
.star:not(.is-sun):nth-child(268) {
    -webkit-transform: translate3d(-242px, -92px, -626px);
    transform: translate3d(-242px, -92px, -626px);
}
.star:not(.is-sun):nth-child(269) {
    -webkit-transform: translate3d(225px, 394px, -198px);
    transform: translate3d(225px, 394px, -198px);
}
.star:not(.is-sun):nth-child(270) {
    -webkit-transform: translate3d(-550px, 329px, 717px);
    transform: translate3d(-550px, 329px, 717px);
}
.star:not(.is-sun):nth-child(271) {
    -webkit-transform: translate3d(-57px, 205px, -18px);
    transform: translate3d(-57px, 205px, -18px);
}
.star:not(.is-sun):nth-child(272) {
    -webkit-transform: translate3d(78px, -298px, -682px);
    transform: translate3d(78px, -298px, -682px);
}
.star:not(.is-sun):nth-child(273) {
    -webkit-transform: translate3d(-273px, 451px, -510px);
    transform: translate3d(-273px, 451px, -510px);
}
.star:not(.is-sun):nth-child(274) {
    -webkit-transform: translate3d(787px, -559px, -479px);
    transform: translate3d(787px, -559px, -479px);
}
.star:not(.is-sun):nth-child(275) {
    -webkit-transform: translate3d(-480px, 484px, -97px);
    transform: translate3d(-480px, 484px, -97px);
}
.star:not(.is-sun):nth-child(276) {
    -webkit-transform: translate3d(170px, 716px, -747px);
    transform: translate3d(170px, 716px, -747px);
}
.star:not(.is-sun):nth-child(277) {
    -webkit-transform: translate3d(404px, -477px, 94px);
    transform: translate3d(404px, -477px, 94px);
}
.star:not(.is-sun):nth-child(278) {
    -webkit-transform: translate3d(-112px, 517px, -781px);
    transform: translate3d(-112px, 517px, -781px);
}
.star:not(.is-sun):nth-child(279) {
    -webkit-transform: translate3d(-285px, 723px, -37px);
    transform: translate3d(-285px, 723px, -37px);
}
.star:not(.is-sun):nth-child(280) {
    -webkit-transform: translate3d(147px, 311px, -674px);
    transform: translate3d(147px, 311px, -674px);
}
.star:not(.is-sun):nth-child(281) {
    -webkit-transform: translate3d(716px, -449px, -245px);
    transform: translate3d(716px, -449px, -245px);
}
.star:not(.is-sun):nth-child(282) {
    -webkit-transform: translate3d(669px, -160px, 31px);
    transform: translate3d(669px, -160px, 31px);
}
.star:not(.is-sun):nth-child(283) {
    -webkit-transform: translate3d(565px, 358px, -564px);
    transform: translate3d(565px, 358px, -564px);
}
.star:not(.is-sun):nth-child(284) {
    -webkit-transform: translate3d(-592px, -350px, -426px);
    transform: translate3d(-592px, -350px, -426px);
}
.star:not(.is-sun):nth-child(285) {
    -webkit-transform: translate3d(302px, 38px, 681px);
    transform: translate3d(302px, 38px, 681px);
}
.star:not(.is-sun):nth-child(286) {
    -webkit-transform: translate3d(241px, 442px, 244px);
    transform: translate3d(241px, 442px, 244px);
}
.star:not(.is-sun):nth-child(287) {
    -webkit-transform: translate3d(-489px, -769px, -746px);
    transform: translate3d(-489px, -769px, -746px);
}
.star:not(.is-sun):nth-child(288) {
    -webkit-transform: translate3d(-240px, 618px, -454px);
    transform: translate3d(-240px, 618px, -454px);
}
.star:not(.is-sun):nth-child(289) {
    -webkit-transform: translate3d(735px, 84px, 422px);
    transform: translate3d(735px, 84px, 422px);
}
.star:not(.is-sun):nth-child(290) {
    -webkit-transform: translate3d(399px, -752px, -720px);
    transform: translate3d(399px, -752px, -720px);
}
.star:not(.is-sun):nth-child(291) {
    -webkit-transform: translate3d(335px, 561px, -334px);
    transform: translate3d(335px, 561px, -334px);
}
.star:not(.is-sun):nth-child(292) {
    -webkit-transform: translate3d(736px, 450px, -42px);
    transform: translate3d(736px, 450px, -42px);
}
.star:not(.is-sun):nth-child(293) {
    -webkit-transform: translate3d(168px, 471px, -575px);
    transform: translate3d(168px, 471px, -575px);
}
.star:not(.is-sun):nth-child(294) {
    -webkit-transform: translate3d(-792px, 313px, -294px);
    transform: translate3d(-792px, 313px, -294px);
}
.star:not(.is-sun):nth-child(295) {
    -webkit-transform: translate3d(-73px, -425px, 66px);
    transform: translate3d(-73px, -425px, 66px);
}
.star:not(.is-sun):nth-child(296) {
    -webkit-transform: translate3d(-245px, -198px, 372px);
    transform: translate3d(-245px, -198px, 372px);
}
.star:not(.is-sun):nth-child(297) {
    -webkit-transform: translate3d(-758px, -209px, -483px);
    transform: translate3d(-758px, -209px, -483px);
}
.star:not(.is-sun):nth-child(298) {
    -webkit-transform: translate3d(-564px, 526px, 348px);
    transform: translate3d(-564px, 526px, 348px);
}
.star:not(.is-sun):nth-child(299) {
    -webkit-transform: translate3d(578px, 98px, -411px);
    transform: translate3d(578px, 98px, -411px);
}
.star:not(.is-sun):nth-child(300) {
    -webkit-transform: translate3d(390px, 604px, -206px);
    transform: translate3d(390px, 604px, -206px);
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotateY(0) rotateX(0);
        transform: rotateY(0) rotateX(0);
    }
    to {
        -webkit-transform: rotateY(-360deg) rotateX(360deg);
        transform: rotateY(-360deg) rotateX(360deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotateY(0) rotateX(0);
        transform: rotateY(0) rotateX(0);
    }
    to {
        -webkit-transform: rotateY(-360deg) rotateX(360deg);
        transform: rotateY(-360deg) rotateX(360deg);
    }
}
@-webkit-keyframes pulse {
    from {
        box-shadow: 0 0 20px #9dd24d;
    }
    to {
        box-shadow: 0 0 180px #fff;
    }
}
@keyframes pulse {
    from {
        box-shadow: 0 0 20px #9dd24d;
    }
    to {
        box-shadow: 0 0 180px #fff;
    }
}