.iox-loader {
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    position: relative
}

.iox {
    width: 12px;
    height: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #ff7a52;
    margin: 12px;
    animation: iox-animate 0.4s ease-out infinite
}

.iox:before {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px #ff7a52;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: -18px;
    left: -18px
}

.iox:after {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #ff7a52;
    position: absolute;
    top: -18px;
    right: -18px
}

.iox-blanco {
    width: 12px;
    height: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    background: #ffffff;
    margin: 12px;
    animation: iox-animate 0.4s ease-out infinite
}

.iox-blanco:before {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px #ffffff;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    top: -18px;
    left: -18px
}

.iox-blanco:after {
    border-radius: 50%;
    content: " ";
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #ffffff;
    position: absolute;
    top: -18px;
    right: -18px
}

.iox-centro {

}

.iox-color {
    color: #ff7a52;
}

.iox-color-blanco {
    color: #ffffff;
}

.iox-flashing{
    animation:ioxFlashing 0.1s infinite;
}

@keyframes ioxFlashing{
    0%{     color: #ff7a52;    }
    49%{    color: #ff7a52; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #ff7a52;    }
}

@keyframes iox-animate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}