body{background-color:#8b62d9}#pre-load{background-color:inherit!important;position:fixed;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:999}#pre-load>.loading,#pre-load>.transition{height:100%;width:100%;position:absolute;top:0;left:0}#pre-load>.loading>.logo-animation{margin-top:33vh}#pre-load .double-bounce1,#pre-load .double-bounce2{height:60px;width:60px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}@media (min-width:376px){#pre-load>.transition{opacity:0;-webkit-animation:preloadfadeout 2s linear;-moz-animation:preloadfadeout 2s linear;animation:preloadfadeout 2s linear}}#pre-load>.transition+.loading>.logo-animation *{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}@media (max-width:375px){#pre-load>.loading{display:none}}body.cordova .loading>.logo-animation{background-size:cover}body.cordova .loading>.logo-animation>*{display:none!important}body.cordova #pre-load .double-bounce1,body.cordova #pre-load .double-bounce2{display:none!important}body:not(.cordova) .loading>.logo-animation{background-image:none!important}.loading{font-size:1.43rem}cyph-app .loading{padding:10px}.loading>.image,.loading>.logo-animation{height:33vh;width:33vh;min-height:33vh;min-width:33vh;margin-left:auto;margin-right:auto;margin-bottom:20px;position:relative}.loading>.image>*,.loading>.logo-animation>*{display:block}.loading>.image>img{height:100%}.loading>.logo-animation{-webkit-filter:drop-shadow(3px 3px 3px rgba(68, 68, 68, .25));filter:drop-shadow(3px 3px 3px rgba(68, 68, 68, .25))}.loading>.logo-animation,.loading>.logo-animation>*{background-image:url(/assets/img/logo.white.icon.png)}.loading>.logo-animation>*{background-color:transparent;background-repeat:no-repeat;background-size:33vh 33vh;opacity:0}.loading>.logo-animation.connected,.loading>.logo-animation>*{-webkit-animation-iteration-count:infinite!important;-moz-animation-iteration-count:infinite!important;animation-iteration-count:infinite!important}.loading>.logo-animation.connected{-webkit-animation:logoconnected 3.25s step-end;-moz-animation:logoconnected 3.25s step-end;animation:logoconnected 3.25s step-end}.loading>.logo-animation.connected>*{opacity:1;-webkit-animation:none!important;-moz-animation:none!important;animation:none!important}.loading>.logo-animation>*{position:absolute}.loading>.logo-animation>:nth-child(1){height:40%;width:65%;top:60%;left:35%;background-position:100% 100%;-webkit-animation:logo0 1.89s step-end;-moz-animation:logo0 1.89s step-end;animation:logo0 1.89s step-end}.loading>.logo-animation>:nth-child(2){height:40%;width:35%;top:60%;left:0;background-position:0 100%;-webkit-animation:logo1 1.89s step-end;-moz-animation:logo1 1.89s step-end;animation:logo1 1.89s step-end}.loading>.logo-animation>:nth-child(3){height:25%;width:35%;top:35%;left:65%;background-position:100% 47%;-webkit-animation:logo2 1.89s step-end;-moz-animation:logo2 1.89s step-end;animation:logo2 1.89s step-end}.loading>.logo-animation>:nth-child(4){height:25%;width:65%;top:35%;left:0;background-position:0 47%;-webkit-animation:logo3 1.89s step-end;-moz-animation:logo3 1.89s step-end;animation:logo3 1.89s step-end}.loading>.logo-animation>:nth-child(5){height:35%;width:100%;top:0;left:0;background-position:0 0;-webkit-animation:logo4 1.89s step-end;-moz-animation:logo4 1.89s step-end;animation:logo4 1.89s step-end}.loading>:not(.image):not(.logo-animation){letter-spacing:1px;text-align:center;font-family:Ubuntu,'Century Gothic',CenturyGothic,AppleGothic,sans-serif}@-webkit-keyframes logoconnected{0%,100%,38.4%,53.8%,69.2%{opacity:1}30.8%,46.2%,61.5%{opacity:0}}@-moz-keyframes logoconnected{0%,100%,38.4%,53.8%,69.2%{opacity:1}30.8%,46.2%,61.5%{opacity:0}}@keyframes logoconnected{0%,100%,38.4%,53.8%,69.2%{opacity:1}30.8%,46.2%,61.5%{opacity:0}}@-webkit-keyframes logo0{0%,100%{opacity:0}26.4%{opacity:1}}@-moz-keyframes logo0{0%,100%{opacity:0}26.4%{opacity:1}}@keyframes logo0{0%,100%{opacity:0}26.4%{opacity:1}}@-webkit-keyframes logo1{0%,100%,95.8%{opacity:0}30.7%{opacity:1}}@-moz-keyframes logo1{0%,100%,95.8%{opacity:0}30.7%{opacity:1}}@keyframes logo1{0%,100%,95.8%{opacity:0}30.7%{opacity:1}}@-webkit-keyframes logo2{0%,100%,91.5%{opacity:0}34.9%{opacity:1}}@-moz-keyframes logo2{0%,100%,91.5%{opacity:0}34.9%{opacity:1}}@keyframes logo2{0%,100%,91.5%{opacity:0}34.9%{opacity:1}}@-webkit-keyframes logo3{0%,100%,87.3%{opacity:0}39.2%{opacity:1}}@-moz-keyframes logo3{0%,100%,87.3%{opacity:0}39.2%{opacity:1}}@keyframes logo3{0%,100%,87.3%{opacity:0}39.2%{opacity:1}}@-webkit-keyframes logo4{0%,100%,83.1%{opacity:0}43.4%{opacity:1}}@-moz-keyframes logo4{0%,100%,83.1%{opacity:0}43.4%{opacity:1}}@keyframes logo4{0%,100%,83.1%{opacity:0}43.4%{opacity:1}}@-webkit-keyframes preloadfadeout{0%,25%{opacity:1}50%{opacity:.8}100%{opacity:0}}@-moz-keyframes preloadfadeout{0%,25%{opacity:1}50%{opacity:.8}100%{opacity:0}}@keyframes preloadfadeout{0%,25%{opacity:1}50%{opacity:.8}100%{opacity:0}}.double-bounce1,.double-bounce2{border-radius:50%;background-color:#fff;opacity:.6;-webkit-animation:preloadbounce 2s infinite ease-in-out;-moz-animation:preloadbounce 2s infinite ease-in-out;animation:preloadbounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;-moz-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes preloadbounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@-moz-keyframes preloadbounce{0%,100%{-moz-transform:scale(0)}50%{-moz-transform:scale(1)}}@keyframes preloadbounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}