[data-preload]{
    display: none;
}
.container_preload {
    position: fixed;
    width: 70px;
    height: 70px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999999;
}
.container_preload::after{
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #080A0C;
    opacity: 0.75;
    z-index: -1;
}
.container_preload .item {
    width: 35px;
    height: 35px;
    position: absolute;
}

.container_preload .item-1 {
    background-color: #EA5F50;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -moz-animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -o-animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.container_preload .item-2 {
    background-color: #09335B;
    top: 0;
    right: 0;
    -webkit-animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -moz-animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -o-animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.container_preload .item-3 {
    background-color: #FFC521;
    bottom: 0;
    right: 0;
    z-index: 1;
    -webkit-animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -moz-animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -o-animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

.container_preload .item-4 {
    background-color: #00B3CE;
    bottom: 0;
    left: 0;
    -webkit-animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -moz-animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    -o-animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
    animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}

@-webkit-keyframes item-1_move {
    0%, 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(0, 35px);transform: translate(0, 35px)}
    50% {-webkit-transform: translate(35px, 35px);transform: translate(35px, 35px)}
    75% {-webkit-transform: translate(35px, 0);transform: translate(35px, 0)}
}
@-moz-keyframes item-1_move {
    0%, 100% {-moz-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-moz-transform: translate(0, 35px);transform: translate(0, 35px)}
    50% {-moz-transform: translate(35px, 35px);transform: translate(35px, 35px)}
    75% {-moz-transform: translate(35px, 0);transform: translate(35px, 0)}
}
@-o-keyframes item-1_move {
    0%, 100% {-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-o-transform: translate(0, 35px);transform: translate(0, 35px)}
    50% {-o-transform: translate(35px, 35px);transform: translate(35px, 35px)}
    75% {-o-transform: translate(35px, 0);transform: translate(35px, 0)}
}
@keyframes item-1_move {
    0%, 100% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(0, 35px);-moz-transform: translate(0, 35px);-o-transform: translate(0, 35px);transform: translate(0, 35px)}
    50% {-webkit-transform: translate(35px, 35px);-moz-transform: translate(35px, 35px);-o-transform: translate(35px, 35px);transform: translate(35px, 35px)}
    75% {-webkit-transform: translate(35px, 0);-moz-transform: translate(35px, 0);-o-transform: translate(35px, 0);transform: translate(35px, 0)}
}

@-webkit-keyframes item-2_move {
    0%, 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(-35px, 0);transform: translate(-35px, 0)}
    50% {-webkit-transform: translate(-35px, 35px);transform: translate(-35px, 35px)}
    75% {-webkit-transform: translate(0, 35px);transform: translate(0, 35px)}
}
@-moz-keyframes item-2_move {
    0%, 100% {-moz-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-moz-transform: translate(-35px, 0);transform: translate(-35px, 0)}
    50% {-moz-transform: translate(-35px, 35px);transform: translate(-35px, 35px)}
    75% {-moz-transform: translate(0, 35px);transform: translate(0, 35px)}
}
@-o-keyframes item-2_move {
    0%, 100% {-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-o-transform: translate(-35px, 0);transform: translate(-35px, 0)}
    50% {-o-transform: translate(-35px, 35px);transform: translate(-35px, 35px)}
    75% {-o-transform: translate(0, 35px);transform: translate(0, 35px)}
}
@keyframes item-2_move {
    0%, 100% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(-35px, 0);-moz-transform: translate(-35px, 0);-o-transform: translate(-35px, 0);transform: translate(-35px, 0)}
    50% {-webkit-transform: translate(-35px, 35px);-moz-transform: translate(-35px, 35px);-o-transform: translate(-35px, 35px);transform: translate(-35px, 35px)}
    75% {-webkit-transform: translate(0, 35px);-moz-transform: translate(0, 35px);-o-transform: translate(0, 35px);transform: translate(0, 35px)}
}

@-webkit-keyframes item-3_move {
    0%, 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(0, -35px);transform: translate(0, -35px)}
    50% {-webkit-transform: translate(-35px, -35px);transform: translate(-35px, -35px)}
    75% {-webkit-transform: translate(-35px, 0);transform: translate(-35px, 0)}
}
@-moz-keyframes item-3_move {
    0%, 100% {-moz-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-moz-transform: translate(0, -35px);transform: translate(0, -35px)}
    50% {-moz-transform: translate(-35px, -35px);transform: translate(-35px, -35px)}
    75% {-moz-transform: translate(-35px, 0);transform: translate(-35px, 0)}
}
@-o-keyframes item-3_move {
    0%, 100% {-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-o-transform: translate(0, -35px);transform: translate(0, -35px)}
    50% {-o-transform: translate(-35px, -35px);transform: translate(-35px, -35px)}
    75% {-o-transform: translate(-35px, 0);transform: translate(-35px, 0)}
}
@keyframes item-3_move {
    0%, 100% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(0, -35px);-moz-transform: translate(0, -35px);-o-transform: translate(0, -35px);transform: translate(0, -35px)}
    50% {-webkit-transform: translate(-35px, -35px);-moz-transform: translate(-35px, -35px);-o-transform: translate(-35px, -35px);transform: translate(-35px, -35px)}
    75% {-webkit-transform: translate(-35px, 0);-moz-transform: translate(-35px, 0);-o-transform: translate(-35px, 0);transform: translate(-35px, 0)}
}

@-webkit-keyframes item-4_move {
    0%, 100% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(35px, 0);transform: translate(35px, 0)}
    50% {-webkit-transform: translate(35px, -35px);transform: translate(35px, -35px)}
    75% {-webkit-transform: translate(0, -35px);transform: translate(0, -35px)}
}
@-moz-keyframes item-4_move {
    0%, 100% {-moz-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-moz-transform: translate(35px, 0);transform: translate(35px, 0)}
    50% {-moz-transform: translate(35px, -35px);transform: translate(35px, -35px)}
    75% {-moz-transform: translate(0, -35px);transform: translate(0, -35px)}
}
@-o-keyframes item-4_move {
    0%, 100% {-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-o-transform: translate(35px, 0);transform: translate(35px, 0)}
    50% {-o-transform: translate(35px, -35px);transform: translate(35px, -35px)}
    75% {-o-transform: translate(0, -35px);transform: translate(0, -35px)}
}
@keyframes item-4_move {
    0%, 100% {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
    25% {-webkit-transform: translate(35px, 0);-moz-transform: translate(35px, 0);-o-transform: translate(35px, 0);transform: translate(35px, 0)}
    50% {-webkit-transform: translate(35px, -35px);-moz-transform: translate(35px, -35px);-o-transform: translate(35px, -35px);transform: translate(35px, -35px)}
    75% {-webkit-transform: translate(0, -35px);-moz-transform: translate(0, -35px);-o-transform: translate(0, -35px);transform: translate(0, -35px)}
}