#g-588648850 {
    transition: all .3s;
    top: 0vh !important;
    opacity: 1 !important;
}

#g-588648850.welcome-outro {
    top: 100vh !important;
    opacity: .5 !important;
}

#splash-container {
    animation: presentPage 2.25s linear;
    transform-origin: top center;
}

div#cmsPageLoader {
    background: #111;
    animation: loaderLoadin 2s linear;
    opacity: 0;
    filter: grayscale(100%);
    display: block;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
}

div#cmsPageLoader:before {
    content: '🛰';
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    font-size: 6rem;
    transform: translate(-185%,48%);
    transform-origin: top right;
    animation: movin 3s infinite;
}

div#cmsPageLoader:after {
    /*content: '🌕';*/
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    font-size: 6rem;
    line-height: 1.1;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    transform-origin: center;
    background: none;
    animation: rotate 10s infinite linear;

}

.thisLoader {
    visibility: visible;
    width: auto;
    height: auto;
    background: none;
    color: #fff;    
    font-family: monospace;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-400%)
}

.thisLoader:before {
    content: 'loading _';
    animation: flashy 2s infinite;
    white-space: nowrap;
}

.nu-loader {
    display: none;
}

@keyframes rotate {
    0% { transform: translate(-50%,-50%) rotate(0) ; }
    100% { transform: translate(-50%,-50%) rotate(360deg); }
}

@keyframes flashy {
    0%, 50% { opacity: 1; }
    51%, 54% { opacity: 0; }
    54%, 57% { opacity: 1; }
    71%, 74% { opacity: 0; }
    74%, 77% { opacity: 1; }
    97%, 98% { opacity: 0; }
    98%, 99% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes movin {
    0% { transform: rotate(0) translate(-185%,48%); }
    33% { transform: rotate(20deg) translate(-205%,58%); }
    66% { transform: rotate(-10deg) translate(-155%,38%); }
    100% { transform: rotate(0deg) translate(-185%,48%); }
}

@keyframes loaderLoadin {
    0% { transform: scale(1); opacity: 1; }
    95% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.5); opacity: 0; }
}

@keyframes presentPage {
    0% { transform: scale(0.8); opacity: 0; }
    95% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}