.loading-container{
    position:absolute;
    background: rgba(223,223,223,0.7);
    height:100px;
    width:728px;
}

.loading {
    position: absolute;
    left: 40%;
    top: 20%;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 10px solid #F03C02;;
}
.loading:after {
    content: '';
    background: trasparent;
    width: 140%;
    height: 140%;
    position: absolute;
    border-radius: 100%;
    top: -20%;
    left: -20%;
    opacity: 0.7;
    box-shadow: rgba(0, 0, 0, 0.6) -4px -5px 3px -3px;
    -webkit-animation: rotate 2s infinite linear;
    -moz-animation:    rotate 2s infinite linear; /* Fx 5+ */
    -o-animation:      rotate 2s infinite linear; /* Opera 12+ */
    animation:         rotate 2s infinite linear; /* IE 10+, Fx 29+ */
}

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

@-moz-keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
@-o-keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}