/****************************
 * Loading Animation
****************************/
body.has-loading-animation {height:100vh; overflow:hidden;}

.vii-loading-animation {
    --la-rows:4;
    position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999;
}

/* solid white */
.vii-loading-animation__solid.white {z-index:1; background-color:#fff;}

/* rows */
.vii-loading-animation__rows {z-index:2;}
.vii-loading-animation__rows i {
    height:calc(100vh / var(--la-rows));
    width:0; display:block;
    background-color:#ec6636;
}

/* solid orange */
.vii-loading-animation__solid.orange {
    z-index:3; opacity:0;
    background-color:#ec6636;
    width:100%; height:100%;
}

/* logo */
.vii-loading-animation__logo {
    z-index:4; overflow:hidden;
    width:30vw; max-width:450px;
}

/* text */
.vii-loading-animation__text {z-index:5; font-size:5.5vw !important; width:100%; line-height:1 !important;}
.vii-loading-animation__text-col:not(:last-child) {margin-right:.3em;}


/****************************
 * Loading Animation Responsive
****************************/
@media only screen and (max-width:480px) {
    .vii-loading-animation__logo {width:50vw;}
    .vii-loading-animation__text {font-size:9.5vw !important;}
}