div#load_screen {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    opacity: 1;
    position: fixed;
    z-index: 999999;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%; }
    div#load_screen .loader {
      display: flex;
      justify-content: center;
    }
    div#load_screen .loader-content {
      right: 0;
      align-self: center; }

  .imglogo{
    background-image: url("../images/img/Rfs.png");
    position: fixed;
    z-index: 3500;
    border-radius: 50%;
  }

  .containerload {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .item {
    width: 100px;
    height: 100px;
    position: absolute;
  }

  .item-1 {
    background-color: #fa56bf;
    top: 0;
    left: 0;
    z-index: 1;
    box-shadow: 5px 5px 15px #fa56bf;
    -webkit-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;
  }

  .item-2 {
    background-color: #000000;
    top: 0;
    right: 0;
    box-shadow: 5px 5px 15px #000000;
    -webkit-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;
  }

  .item-3 {
    background-color: #1B91F7;
    bottom: 0;
    right: 0;
    z-index: 1;
    box-shadow: 5px 5px 15px #1B91F7;
    -webkit-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;
  }

  .item-4 {
    background-color: #ffef00;
    bottom: 0;
    left: 0;
    box-shadow: 5px 5px 15px #ffef00;
    -webkit-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, 100px);transform: translate(0, 100px)}
    50% {-webkit-transform: translate(100px, 100px);transform: translate(100px, 100px)}
    75% {-webkit-transform: translate(100px, 0);transform: translate(100px, 0)}
  }

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

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

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

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

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

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

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