@font-face {
  font-family: airstrike;
  src: url(/assets/fonts/airstrike/airstrike.ttf);
}
*, html{
    margin: 0px;
    padding: 0px;
    line-height: 0;
    font-size:0px;
}
body{
    background-color: #001729;
}

.appVersion{
    display: block;
    position: absolute;
    top:470px;
    left:660px;
    color: #15759b;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2;
    z-index: 99;
}

.core{
    display: block;
    position: relative;
    margin: auto;
    width: 960px;
    height: 500px;
}

.logoShield{
    display: block;
    position: absolute;
    top:350px;
    left:45px;
    width: 120px;
    height: 120px;
    background-image: url("/assets/images/logo_shield.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.splash {
    display: block;
    position: absolute;
    margin: auto;
    width: 960px;
    height: 500px;
    background-image: url("/assets/images/splash.jpeg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 60%;
}

.loaderCore {
    display: block;
    position: absolute;
    margin: auto;
    width: 960px;
    height: 500px;
    background-image: url("/assets/images/splash_load.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 100%;
    z-index: 100;
}

a, .defaultLink{
    font-family: Arial;
    font-size: 14px;
    line-height: 1.0;
    color:#000000;
}

.clearboth{
    clear:both;
}

/* HTML: <div class="loader"></div> */

.loaderText{
    display: block;
    position: relative;
    margin: auto;
    top:20px;
    width: fit-content;
    color: #001729;
    font-family: airstrike;
    font-size: 28px;
    line-height: 1.2;
}

.loaderBar {
    display: block;
    position: relative;
    margin:auto;
    top:50px;
    color: #001729;
    width: fit-content;
    font-weight: bold;
    font-family: airstrike;
    font-size: 30px;
    line-height: 1.2;
    padding-bottom: 8px;
    background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
    /*animation: l2 2s linear infinite;*/
    background-size: 0% 3px;
}

.loaderBar:before {
  content:"Loading..."
}

.loaderBtn{
    display: none;
    position: relative;
    margin: auto;
    top: 80px;
    padding-right: 8px;
    width: fit-content;
    color: #001729;
    border: 5px solid #001729;
    font-family: airstrike;
    font-size: 28px;
    line-height: 1.2;
    opacity: 0%;
}

.loaderBtnShow{
    animation: loaderBtnShowAni 0.2s forwards;
}

.loaderCoreClose{
    animation: loaderCoreCloseAni 0.2s forwards;
}

@keyframes loaderBtnShowAni {
    0% {opacity: 0%;}
    8% {opacity: 10%;}
    12% {opacity: 20%;}
    24% {opacity: 30%;}
    36% {opacity: 40%;}
    48% {opacity: 50%;}
    60% {opacity: 60%;}
    72% {opacity: 70%;}
    84% {opacity: 80%;}
    100% {opacity: 100%;}
}

@keyframes loaderCoreCloseAni {
    0% {opacity: 90%;}
    8% {opacity: 80%;}
    12% {opacity: 70%;}
    24% {opacity: 60%;}
    36% {opacity: 50%;}
    48% {opacity: 40%;}
    60% {opacity: 30%;}
    72% {opacity: 20%;}
    84% {opacity: 10%;}
    100% {opacity: 0%;}
}
/*
@keyframes l2 {to{background-size: 100% 3px}}
*/