.vx-loader-ctn {
    margin: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
    background-color: #212526;
    background: url("/lib/vx-preload/imgs/rocket-bkg.jpg");
    background-size: cover;
    background-position: center;
}
.vx-loader-info-ctn {
    position: absolute;
    bottom: 20px;
    position: absolute;
    bottom: 20px;
    color:red;
    left: 0;
    right: 0;
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .vx-rocket-rocket-container{
        scale:0.5;
    }
}
.vx-rocket-rocket-container {
    position: relative;
    /* background-color: #212526; */
    height: 100%;
    width: 100%;
    margin:0;
}
.vx-rocket-link-logo {
    position: absolute;
    z-index: 200;
    width: 45px;
    top: 42px;
    right: -15px;
}
.vx-rocket-unified-text {
    position: absolute;
    z-index: 200;
    font-size: 25px;
    font-weight: bolder;
    top: 15px;
    color: #1b439c;
}
.vx-rocket-odw-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bolder;
    bottom: 24px;
    color: #1b439c;
    text-align: center;
    left: -16px;
    right: 25px;
    line-height: 14px;
}
.vx-rocket-zerotrust-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bold;
    left: -54px;
    bottom: -43px;
    color: white;
}
.vx-rocket-zerocode-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bold;
    left: -50px;
    color: white;
    top: -46px;
}
.vx-rocket-ai-text {
    position: absolute;
    z-index: 200;
    color: white;
    top: -28px;
    left: -28px;
    font-weight: bold;
    font-size: 14px;
}
.vx-rocket-bc-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bold;
    color: white;
    top: -10px;
    left: -14px;
}
.vx-rocket-cc-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bold;
    color: white;
    bottom: -25px;
    left: -33px;
}
.vx-rocket-db-text {
    position: absolute;
    z-index: 200;
    font-size: 14px;
    font-weight: bold;
    color: white;
    bottom: -6px;
    left: -15px;
}
.vx-rocket-structure, .vx-rocket-smoke {
    position: absolute;
    z-index: 1000;
    top: calc(50% - 65px);
    left: calc(50% - 100px);
    width: 200px;
    height: 130px;
}
.vx-rocket-smoke {
    z-index: 999;
}
.vx-rocket-structure {
    transform: translate3d(0, 0, 0);
    perspective: 1000px;
    animation: vx-rocket-shake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}
.vx-loader-ctn #rocket-svg {
    position: absolute;
    top: -112px;
    transform: rotate(90deg);
}
.vx-loader-ctn #right-wing,.vx-loader-ctn #left-wing,.vx-loader-ctn #nose,.vx-loader-ctn #window-stroke,.vx-loader-ctn #middle-wing {
    fill: #363af4;
}
.vx-loader-ctn #rocket-main-part {
    fill: #f4f4f1;
}
.vx-loader-ctn #window-inner {
    fill: #e2e6e7;
}
.vx-rocket-smoke span {
    position: absolute;
    width: 50px;
    border-bottom: 2px solid #fff;
}
.vx-rocket-meteors-container {
    position: absolute;
    z-index: 998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top:0;
}
.vx-rocket-meteors-container span {
    position: absolute;
    width: 75px;
    border-bottom: 2px solid #fff;
}
.vx-rocket-smoke span:nth-child(1) {
    top: 28px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-0 ease-out 0.3s infinite;
}
@keyframes vx-rocket-smokeAnim-0 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -240px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(2) {
    top: 36px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-1 ease-out 0.3s infinite;
}
@keyframes vx-rocket-smokeAnim-1 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -102px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(3) {
    top: 44px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-2 ease-out 0.55s infinite;
}
@keyframes vx-rocket-smokeAnim-2 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -153px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(4) {
    top: 52px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-3 ease-out 0.6s infinite;
}
@keyframes vx-rocket-smokeAnim-3 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -73px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(5) {
    top: 60px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-4 ease-out 0.4s infinite;
}
@keyframes vx-rocket-smokeAnim-4 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -300px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(6) {
    top: 68px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-5 ease-out 0.45s infinite;
}
@keyframes vx-rocket-smokeAnim-5 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -270px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(7) {
    top: 76px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-6 ease-out 0.35s infinite;
}
@keyframes vx-rocket-smokeAnim-6 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -299px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(8) {
    top: 84px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-7 ease-out 0.25s infinite;
}
@keyframes vx-rocket-smokeAnim-7 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -61px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(9) {
    top: 92px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-8 ease-out 0.4s infinite;
}
@keyframes vx-rocket-smokeAnim-8 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -176px;
        opacity: 0;
   }
}
.vx-rocket-smoke span:nth-child(10) {
    top: 100px;
    left: -50px;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-smokeAnim-9 ease-out 0.3s infinite;
}
@keyframes vx-rocket-smokeAnim-9 {
    from {
        left: -50px;
        opacity: 1;
   }
    to {
        left: -52px;
        opacity: 0;
   }
}
.vx-rocket-meteors-container span:nth-child(1) {
    top: 16.6666666667%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-0 linear 0.7s infinite;
}
@keyframes vx-rocket-meterosAnim-0 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
.vx-rocket-meteors-container span:nth-child(2) {
    top: 33.3333333333%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-1 linear 0.35s infinite;
}
@keyframes vx-rocket-meterosAnim-1 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
.vx-rocket-meteors-container span:nth-child(3) {
    top: 50%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-2 linear 0.3s infinite;
}
@keyframes vx-rocket-meterosAnim-2 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
.vx-rocket-meteors-container span:nth-child(4) {
    top: 66.6666666667%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-3 linear 0.7s infinite;
}
@keyframes vx-rocket-meterosAnim-3 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
.vx-rocket-meteors-container span:nth-child(5) {
    top: 83.3333333333%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-4 linear 0.7s infinite;
}
@keyframes vx-rocket-meterosAnim-4 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
.vx-rocket-meteors-container span:nth-child(6) {
    top: 100%;
    left: 100%;
    box-shadow: 0px 0px 5px #fff;
    animation: vx-rocket-meterosAnim-5 linear 0.5s infinite;
}
@keyframes vx-rocket-meterosAnim-5 {
    0% {
        left: 100%;
   }
    75% {
        left: calc(0% - 75px);
   }
    100% {
        left: calc(0% - 75px);
   }
}
@keyframes vx-rocket-shake {
    10%, 90% {
        transform: translate3d(-1px, 1px, 0);
   }
    20%, 80% {
        transform: translate3d(2px, 2px, 0);
   }
    30%, 50%, 70% {
        transform: translate3d(-2px, -2px, 0);
   }
    40%, 60% {
        transform: translate3d(2px, 2px, 0);
   }
}