.loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateZ(0);transform:translate(-50%,-50%) translateZ(0);margin:auto;display:inline-block;width:auto;will-change:transform}.loader .loading-text{white-space:nowrap;color:#fff;text-transform:uppercase;margin-top:25px;letter-spacing:2px;font-weight:100;font-size:1.5rem}.loader .loading-text span{display:inline-block;-webkit-animation:wave-text-anim 8s ease-in-out infinite;animation:wave-text-anim 8s ease-in-out infinite;-webkit-transform:translateY(30px) translateZ(0);transform:translateY(30px) translateZ(0);will-change:transform}.aquarium{border:2px solid #fff;width:80%;height:60px;overflow:hidden}.aquarium,.aquarium .water{margin:auto;position:relative}.aquarium .water{width:150%;height:100%;-webkit-animation:aquarium-anim 4s infinite;animation:aquarium-anim 4s infinite}.aquarium .water:before{content:"";width:175%;height:100%;background:rgba(66,134,218,.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAF0lEQVQImWNggIL///83MGADWCVIUg0A9PQN9bgobnYAAAAASUVORK5CYII=) repeat 0 0;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;position:absolute;top:0;right:0}.jellyfish{-webkit-filter:drop-shadow(0 0 1px #fff);filter:drop-shadow(0 0 1px #fff);position:relative;left:0;top:50%;-webkit-animation:jellyfish-move-anim 4s infinite;animation:jellyfish-move-anim 4s infinite;-webkit-transform:translate(-50%) translateZ(0);transform:translate(-50%) translateZ(0);will-change:transform;z-index:1}.jellyfish .head{width:25px;height:25px;position:absolute;background-color:#fff;-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);will-change:transform;border:2px solid #fff;border-radius:20px;top:0;bottom:0;-webkit-animation:jellyfish-head-anim 1s infinite;animation:jellyfish-head-anim 1s infinite;margin:auto}.jellyfish .body{width:100%;height:50px;position:relative;z-index:1;left:0;bottom:-15px;-webkit-animation:jellyfish-body-anim 1s infinite;animation:jellyfish-body-anim 1s infinite;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.jellyfish .body .legs{width:3px;background:#fff;height:100%;position:absolute;border-radius:10px;-webkit-animation:jellyfish-legs-anim 1s infinite;animation:jellyfish-legs-anim 1s infinite}.jellyfish .body .legs:first-child,.jellyfish .body .legs:nth-child(3){width:15px;border:3px solid transparent;border-radius:0;background-color:transparent}.jellyfish .body .legs:first-child{left:-8px;border-right-color:#fff;border-bottom-right-radius:75%}.jellyfish .body .legs:nth-child(2){left:50%;-webkit-transform:translateX(-50%) translateZ(0);transform:translateX(-50%) translateZ(0);height:97.5%;will-change:transform}.jellyfish .body .legs:nth-child(3){right:-8px;border-left-color:#fff;border-bottom-left-radius:75%}.jellyfish:first-child{-webkit-animation-delay:0s;animation-delay:0s}.jellyfish:nth-child(2){top:150px;-webkit-animation-delay:2s;animation-delay:2s}.jellyfish:nth-child(3){top:250px;-webkit-animation-delay:5.25s;animation-delay:5.25s}@-webkit-keyframes aquarium-anim{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}20%{-webkit-transform:translateX(-3%) translateZ(0);transform:translateX(-3%) translateZ(0)}30%{-webkit-transform:translateX(17%) translateZ(0);transform:translateX(17%) translateZ(0)}45%{-webkit-transform:translateX(12%) translateZ(0);transform:translateX(12%) translateZ(0)}55%{-webkit-transform:translateX(27.5%) translateZ(0);transform:translateX(27.5%) translateZ(0)}70%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}80%{-webkit-transform:translateX(40%) translateZ(0);transform:translateX(40%) translateZ(0)}95%{-webkit-transform:translateX(35%) translateZ(0);transform:translateX(35%) translateZ(0)}to{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}}@keyframes aquarium-anim{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}20%{-webkit-transform:translateX(-3%) translateZ(0);transform:translateX(-3%) translateZ(0)}30%{-webkit-transform:translateX(17%) translateZ(0);transform:translateX(17%) translateZ(0)}45%{-webkit-transform:translateX(12%) translateZ(0);transform:translateX(12%) translateZ(0)}55%{-webkit-transform:translateX(27.5%) translateZ(0);transform:translateX(27.5%) translateZ(0)}70%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}80%{-webkit-transform:translateX(40%) translateZ(0);transform:translateX(40%) translateZ(0)}95%{-webkit-transform:translateX(35%) translateZ(0);transform:translateX(35%) translateZ(0)}to{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}}@-webkit-keyframes jellyfish-move-anim{0%{-webkit-transform:translateX(-13%) translateZ(0);transform:translateX(-13%) translateZ(0)}20%{-webkit-transform:translateX(-13%) translateZ(0);transform:translateX(-13%) translateZ(0)}30%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}45%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}55%{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}70%{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}80%{-webkit-transform:translateX(80%) translateZ(0);transform:translateX(80%) translateZ(0)}95%{-webkit-transform:translateX(80%) translateZ(0);transform:translateX(80%) translateZ(0)}to{-webkit-transform:translateX(110%) translateZ(0);transform:translateX(110%) translateZ(0)}}@keyframes jellyfish-move-anim{0%{-webkit-transform:translateX(-13%) translateZ(0);transform:translateX(-13%) translateZ(0)}20%{-webkit-transform:translateX(-13%) translateZ(0);transform:translateX(-13%) translateZ(0)}30%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}45%{-webkit-transform:translateX(22.5%) translateZ(0);transform:translateX(22.5%) translateZ(0)}55%{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}70%{-webkit-transform:translateX(50%) translateZ(0);transform:translateX(50%) translateZ(0)}80%{-webkit-transform:translateX(80%) translateZ(0);transform:translateX(80%) translateZ(0)}95%{-webkit-transform:translateX(80%) translateZ(0);transform:translateX(80%) translateZ(0)}to{-webkit-transform:translateX(110%) translateZ(0);transform:translateX(110%) translateZ(0)}}@-webkit-keyframes jellyfish-head-anim{0%{width:25px;height:25px;border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(20px) rotate(90deg) translateZ(0);transform:translateX(20px) rotate(90deg) translateZ(0)}65%{width:40px;height:18px;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(0) rotate(90deg) translateZ(0);transform:translateX(0) rotate(90deg) translateZ(0)}70%{width:40px;height:18px;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(0) rotate(90deg) translateZ(0);transform:translateX(0) rotate(90deg) translateZ(0)}to{width:25px;height:25px;border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(20px) rotate(90deg) translateZ(0);transform:translateX(20px) rotate(90deg) translateZ(0)}}@keyframes jellyfish-head-anim{0%{width:25px;height:25px;border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(20px) rotate(90deg) translateZ(0);transform:translateX(20px) rotate(90deg) translateZ(0)}65%{width:40px;height:18px;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(0) rotate(90deg) translateZ(0);transform:translateX(0) rotate(90deg) translateZ(0)}70%{width:40px;height:18px;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(0) rotate(90deg) translateZ(0);transform:translateX(0) rotate(90deg) translateZ(0)}to{width:25px;height:25px;border-radius:75%;border-top-left-radius:50px;border-top-right-radius:50px;-webkit-transform:translateX(20px) rotate(90deg) translateZ(0);transform:translateX(20px) rotate(90deg) translateZ(0)}}@-webkit-keyframes jellyfish-body-anim{0%{-webkit-transform:translateY(-15px) translateZ(0);transform:translateY(-15px) translateZ(0);height:50px}65%{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0);height:40px}70%{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0);height:40px}to{-webkit-transform:translateY(-15px) translateZ(0);transform:translateY(-15px) translateZ(0);height:50px}}@keyframes jellyfish-body-anim{0%{-webkit-transform:translateY(-15px) translateZ(0);transform:translateY(-15px) translateZ(0);height:50px}65%{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0);height:40px}70%{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0);height:40px}to{-webkit-transform:translateY(-15px) translateZ(0);transform:translateY(-15px) translateZ(0);height:50px}}@-webkit-keyframes jellyfish-legs-anim{0%{border-bottom-left-radius:0;border-bottom-right-radius:0}65%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}70%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}to{border-bottom-left-radius:0;border-bottom-right-radius:0}}@keyframes jellyfish-legs-anim{0%{border-bottom-left-radius:0;border-bottom-right-radius:0}65%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}70%{border-bottom-left-radius:75%;border-bottom-right-radius:75%}to{border-bottom-left-radius:0;border-bottom-right-radius:0}}@-webkit-keyframes wave-text-anim{50%{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);will-change:transform}}@keyframes wave-text-anim{50%{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);will-change:transform}}@media screen and (max-width:640px){.loader .loading-text{margin:15px auto auto;white-space:normal;width:350px;line-height:200%;letter-spacing:5px}.aquarium,.loader{width:90%}}@media screen and (max-width:960px){.loader .loading-text{font-size:1rem}}@media screen and (max-width:480px){.loader .loading-text{letter-spacing:2px;width:260px}}