
.load {
    width:100%;
    height:100%;
   /*  background: #313131  url('assets/images/gif/load.gif') no-repeat center; */
    background: #313131;
    opacity:.50;
    top:0;
    left:0;
    position:fixed;
    overflow:auto;
    z-index: 999999999999  !important;
    display: block  !important;
    }

    .load .effect-1,
    .load .effect-2 {
      display: unset;
      z-index: 999999999999  !important;
      position: absolute;
      width: 100%;
      height: 100%;
      border: 3px solid transparent;
      border-left: 3px solid rgb(41, 4, 110);
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .load .effect-1 {
      animation: rotate 1s ease infinite;
    }

    .load .effect-2 {
      animation: rotateOpacity 1s ease infinite 0.1s;
    }

    .load .effect-3 {
      position: absolute;
      z-index: 999999999999 !important;
      width: 100%;
      height: 100%;
      border: 3px solid transparent;
      border-left: 3px solid rgb(41, 4, 110);
      -webkit-animation: rotateOpacity 1s ease infinite 0.2s;
      animation: rotateOpacity 1s ease infinite 0.2s;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .load .effects {
      transition: all 0.3s ease;
    }

    .load-logo {
        position: absolute;
        z-index: 999999999999  !important;
        left: calc(50% - 45px);
        top: 40%;
      }

      .loader {
        position: absolute;
        z-index: 999999999999  !important;
        left: calc(50% - 35px);
        margin: inherit !important;
        top: 50%;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid transparent;
      }


      @keyframes rotate {
        0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
        }

        100% {
          -webkit-transform: rotate(1turn);
          transform: rotate(1turn);
        }
      }

      @keyframes rotateOpacity {
          0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
              opacity: 0.1;
          }

          100% {
              -webkit-transform: rotate(1turn);
              transform: rotate(1turn);
              opacity: 1;
          }
      }