﻿.cssload-warper {
    width: 146px;
    height: 146px;
    line-height: 146px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    z-index: 0;
}

    .cssload-warper:before,
    .cssload-warper:after {
        opacity: 0;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        content: "\0020";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 97px;
        border: 5px solid rgb(255,255,255);
        box-shadow: 0 0 49px rgb(0,120,255), inset 0 0 49px rgb(0,120,255);
        -o-box-shadow: 0 0 49px rgb(0,120,255), inset 0 0 49px rgb(0,120,255);
        -ms-box-shadow: 0 0 49px rgb(0,120,255), inset 0 0 49px rgb(0,120,255);
        -webkit-box-shadow: 0 0 49px rgb(0,120,255), inset 0 0 49px rgb(0,120,255);
        -moz-box-shadow: 0 0 49px rgb(0,120,255), inset 0 0 49px rgb(0,120,255);
    }

    .cssload-warper:after {
        z-index: 1;
        animation: cssload-gogoloader 2s infinite 1s;
        -o-animation: cssload-gogoloader 2s infinite 1s;
        -ms-animation: cssload-gogoloader 2s infinite 1s;
        -webkit-animation: cssload-gogoloader 2s infinite 1s;
        -moz-animation: cssload-gogoloader 2s infinite 1s;
    }

    .cssload-warper:before {
        z-index: 2;
        animation: cssload-gogoloader 2s infinite;
        -o-animation: cssload-gogoloader 2s infinite;
        -ms-animation: cssload-gogoloader 2s infinite;
        -webkit-animation: cssload-gogoloader 2s infinite;
        -moz-animation: cssload-gogoloader 2s infinite;
    }

@keyframes cssload-gogoloader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-o-keyframes cssload-gogoloader {
    0% {
        -o-transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -o-transform: scale(1);
        opacity: 0;
    }
}

@-ms-keyframes cssload-gogoloader {
    0% {
        -ms-transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -ms-transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-gogoloader {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes cssload-gogoloader {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
