.loader{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100001;
    background: #ffffff;
    -ms-flex-direction: column;
    flex-direction: column;
}
.loader .line-0 {
    width: 140px;
    height: 25.76px;
    -webkit-clip-path: circle(70px at 50% 70px);
    clip-path: circle(70px at 50% 70px);
    /*background: linear-gradient(90deg,#e37623 0%,#ed961c 50%,#f6b615 100%);*/
    background: #EE762D;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    animation-delay: 0ms;
    transform:rotateX(180deg);
}
.loader .line-1 {
    width: 140px;
    height: 13.44px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 25.76px));
    clip-path: circle(70px at 50% calc(70px - 25.76px));
    /*background: linear-gradient(90deg,#ebc745 0%,#eeda93 50%,#d0c7b3 100%);*/
    background: #FDCE86;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    animation-delay: 100ms;
    transform:rotateX(0deg);
}
.loader .line-2 {
width: 140px;
    height: 24.5px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 39.2px));
    clip-path: circle(70px at 50% calc(70px - 39.2px));
    /*ackground: linear-gradient(90deg,#e9e3cb 0%,#fcd026 50%,#b95e27 100%);*/
    background: #FAB60D;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    animation-delay: 200ms;
    transform:rotateX(0deg);
}
.loader .line-3 {
    width: 140px;
    height: 8.82px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 63.7px));
    clip-path: circle(70px at 50% calc(70px - 63.7px));
    background: linear-gradient(90deg,#dbddc8 0%,#b5c832 50%,#357534 100%);
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    animation-delay: 300ms;
    transform:rotateX(0deg);
    display: none;
}
.loader .line-4 {
    width: 140px;
    height: 24.92px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 72.52px));
    clip-path: circle(70px at 50% calc(70px - 63.7px));
    /*background: linear-gradient(90deg,#eb8759 0%,#e05f34 50%,#983120 100%);*/
    background: #E65014;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    animation-delay: 400ms;
    transform:rotateX(0deg);
}
.loader .line-5 {
    width: 140px;
    height: 33.88px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 88.62px));
    clip-path: circle(70px at 50% calc(70px - 88.62px));
    /*background: linear-gradient(90deg,#b7cad8 0%,#368bbf 50%,#115c86 100%);*/
    background: #4FADDB;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    transform:rotateX(0deg);
    animation-delay: 500ms;
}
.loader .line-6 {
    width: 140px;
    height: 18.34px;
    -webkit-clip-path: circle(70px at 50% calc(70px - 122.5px));
    clip-path: circle(70px at 50% calc(70px - 122.5px));
    /*background: linear-gradient(90deg,#214c7e 0%,#214670 50%,#214062 100%);*/
    background: #0077B1;
    animation: loader 3s cubic-bezier(.445,.05,.55,.95) infinite;
    transform:rotateX(0deg);
    animation-delay: 600ms;
}
@keyframes loader{0%{transform:rotateX(0deg)}70%{transform:rotateX(360deg)}100%{transform:rotateX(360deg)}}