.loading-logo-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0s;
}
.loading-logo-container.complete{
    transition-delay: 2s;
    left: -200vw;
}

.image-back-loading{
    height: 100%;
    max-height: 360px;
    transition: 2;
    animation: rotation 30s infinite linear;
}
@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

.image-letter-loading{
    position: absolute;
    max-height: 360px;
    transition: 2;
}


.loading-logo{
    transition: 1.5s;
}

.loading-logo.complete{
    opacity: 0;
}


.pre-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    transition: 0s;
}

.pre-loader.complete{
    transition-delay: 2s;
    left: -200vw;
    opacity: 0;
}

.pre-loader-strip{
    position: absolute;
    background: #000;
    height: 25vh;
    transition: 2s;

}

.pre-loader-one-left{
    left: 0;
    top: 0;
    width: 75vw;
}
.pre-loader-one-left.complete{
    left: -75vw;
}

.pre-loader-two-left{
    left: 0;
    top: 25vh;
    width: 25vw;
}
.pre-loader-two-left.complete{
    left: -25vw;
}

.pre-loader-three-left{
    left: 0;
    top: 50vh;
    width: 75vw;
}
.pre-loader-three-left.complete{
    left: -75vw;
}

.pre-loader-four-left{
    left: 0;
    top: 75vh;
    width: 25vw;
}
.pre-loader-four-left.complete{
    left: -25vw;
}

/*RIGHT*/
.pre-loader-one-right{
    right: 0;
    top: 0;
    width: 25vw;
}
.pre-loader-one-right.complete{
    right: -25vw;
}

.pre-loader-two-right{
    right: 0;
    top: 25vh;
    width: 75vw;
}
.pre-loader-two-right.complete{
    right: -75vw;
}

.pre-loader-three-right{
    right: 0;
    top: 50vh;
    width: 25vw;
}
.pre-loader-three-right.complete{
    right: -25vw;
}

.pre-loader-four-right{
    right: 0;
    top: 75vh;
    width: 75vw;
}
.pre-loader-four-right.complete{
    right: -75vw;
}