.preloadts{
    position:fixed;
    width:100%;
    height:100%;
    z-index:99999;
    background:#000;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@-webkit-keyframes loaderts{
    0%,10%,100%{
        width:80px;
        height:80px
    }
    65%{
        width:150px;
        height:150px
    }
}
@keyframes loaderts{
    0%,10%,100%{
        width:80px;
        height:80px
    }
    65%{
        width:150px;
        height:150px
    }
}
@-webkit-keyframes loadertsBlock{
    0%,30%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    55%{
        background-color:#fff
    }
    100%{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@keyframes loadertsBlock{
    0%,30%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    55%{
        background-color:#0101fe
    }
    100%{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@-webkit-keyframes loadertsBlockInverse{
    0%,20%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    55%{
        background-color:#fff
    }
    100%{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
}
@keyframes loadertsBlockInverse{
    0%,20%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    55%{
        background-color:#0101fe
    }
    100%{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
}
.preloadts .loaderts{
    position:absolute;
    top:50%;
    left:50%;
    width:80px;
    height:80px;
    -webkit-transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);
    transform:translate(-50%,-50%) rotate(45deg) translate3d(0,0,0);
    -webkit-animation:loaderts 1.2s infinite ease-in-out;
    animation:loaderts 1.2s infinite ease-in-out
}
.preloadts .loaderts span{
    position:absolute;
    display:block;
    width:40px;
    height:40px;
    background-color:#fff;
    -webkit-animation:loadertsBlock 1.2s infinite ease-in-out both;
    animation:loadertsBlock 1.2s infinite ease-in-out both
}
.preloadts .loaderts span:nth-child(1){
    top:0;
    left:0
}
.preloadts .loaderts span:nth-child(2){
    top:0;
    right:0;
    -webkit-animation:loadertsBlockInverse 1.2s infinite ease-in-out both;
    animation:loadertsBlockInverse 1.2s infinite ease-in-out both
}
.preloadts .loaderts span:nth-child(3){
    bottom:0;
    left:0;
    -webkit-animation:loadertsBlockInverse 1.2s infinite ease-in-out both;
    animation:loadertsBlockInverse 1.2s infinite ease-in-out both
}
.preloadts .loaderts span:nth-child(4){
    bottom:0;
    right:0
}