.preloader {
        position: fixed;
        background-color: #fff;
        background-position: center center;
        background-repeat: no-repeat;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
      }

      .preloader__image {
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: flipInY;*/
        /*animation-name: flipInY;*/
        /*-webkit-animation-duration: 1s;*/
        /*animation-duration: 1s;*/
        /*-webkit-animation-iteration-count: infinite;*/
        /*animation-iteration-count: infinite;*/
        background-image: url('/assets/front/images/logo/icononly.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60px auto;
        width: 100%;
        height: 100%;
      }

      .health_preloader__image {
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: flipInY;*/
        /*animation-name: flipInY;*/
        /*-webkit-animation-duration: 1s;*/
        /*animation-duration: 1s;*/
        /*-webkit-animation-iteration-count: infinite;*/
        /*animation-iteration-count: infinite;*/
        background-image: url('/assets/front/images/icons/health.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60px auto;
        width: 100%;
        height: 100%;
      }

      .auto_preloader__image {
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: flipInY;*/
        /*animation-name: flipInY;*/
        /*-webkit-animation-duration: 1s;*/
        /*animation-duration: 1s;*/
        /*-webkit-animation-iteration-count: infinite;*/
        /*animation-iteration-count: infinite;*/
        background-image: url('/assets/front/images/icons/auto.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60px auto;
        width: 100%;
        height: 100%;
      }

      .medicare_preloader__image {
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: flipInY;*/
        /*animation-name: flipInY;*/
        /*-webkit-animation-duration: 1s;*/
        /*animation-duration: 1s;*/
        /*-webkit-animation-iteration-count: infinite;*/
        /*animation-iteration-count: infinite;*/
        background-image: url('/assets/front/images/icons/medicare.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60px auto;
        width: 100%;
        height: 100%;
      }

      .life_preloader__image {
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: flipInY;*/
        /*animation-name: flipInY;*/
        /*-webkit-animation-duration: 1s;*/
        /*animation-duration: 1s;*/
        /*-webkit-animation-iteration-count: infinite;*/
        /*animation-iteration-count: infinite;*/
        background-image: url('/assets/front/images/icons/life.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60px auto;
        width: 100%;
        height: 100%;
      }

      .loader {
        /*border: 4px solid #00224f;
        border-top: 4px solid #FF5700;
        border-radius: 50%;*/
        width: 128px;
        height: 128px;
        /*animation: spinloader 2s linear infinite;*/
        position: fixed;

        /*width: 128px;
        height: 128px;
        display: block;
        margin: 48px;*/
      }
  
      @keyframes spinloader {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
      }
  
      @keyframes spinlogo {
        0% {
          transform: rotate(360deg);
        }
        100% {
          transform: rotate(0deg);
        }
      }


.u-loading {
  width: 128px;
  height: 128px;
  display: block;
    margin: 48px;
}
  
  .u-loading__symbol {
    background-color:#1f94d1;
    padding: 8px;
        animation: loading 3s infinite;
        border-radius: 5px;
    }
    
    .u-loading img {
      display: block;
      max-width: 100%;
      animation: loading-icon 3s infinite;
    }


@keyframes loading {
  0% {
    transform: perspective(250px) rotateX(0deg) rotateY(0deg);
  }

    15% {
        background-color:#1f94d1;
    }
    
    16% {
        background-color: #FF5700;
    }
    
  50% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
        background-color: #FF5700;
  }
    
    65% {
        background-color: #FF5700;

    }
    
  66% {
            background-color:#1f94d1;
    }

  100% {
    transform: perspective(250px) rotateX(180deg) rotateY(-180deg);
  }
}

@keyframes loading-icon {
  0% {
    transform: perspective(250px) rotateX(0deg) rotateY(0deg);
  }
  
    15% {
        transform: perspective(250px) rotateX(0deg) rotateY(0deg);
    }
    
    16% {
        transform: perspective(250px) rotateX(180deg) rotateY(0deg);
    }
    
  50% {
    transform: perspective(250px) rotateX(180deg) rotateY(0deg);
  }
    
    65% {
        transform: perspective(250px) rotateX(180deg) rotateY(0deg);
    }
    
  66% {
            transform: perspective(250px) rotateX(180deg) rotateY(180deg);
    }
    
  100% {
    transform: perspective(250px) rotateX(180deg) rotateY(180deg);
  }
}