.anim-wrapper {
    position: absolute;
}
.anim-outer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.anim-inner {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
}
.anim-outer, .anim-inner {
    position: absolute;
    border-radius: 50%;
    border: 20px solid #e73c88;
    border-bottom-color: transparent;
    border-top-color: transparent;
    box-sizing: border-box;

    -webkit-animation-name: anim-rotate;
    -webkit-animation-duration:2.5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
       -moz-animation-name: anim-rotate;
       -moz-animation-duration:1.3s;
       -moz-animation-iteration-count:infinite;
       -moz-animation-timing-function:linear;
        -ms-animation-name: anim-rotate;
        -ms-animation-duration:1.3s;
        -ms-animation-iteration-count:infinite;
        -ms-animation-timing-function:linear;
         -o-animation-name: anim-rotate;
         -o-animation-duration:1.3s;
         -o-animation-iteration-count:infinite;
         -o-animation-timing-function:linear;
            animation-name: anim-rotate;
            animation-duration:1.3s;
            animation-iteration-count:infinite;
            animation-timing-function:linear;
}
.anim-inner {
    -webkit-animation-direction:reverse;
       -moz-animation-direction:reverse;
        -ms-animation-direction:reverse;
         -o-animation-direction:reverse;
            animation-direction:reverse;
}
.anim-outer {
    -webkit-animation-name: anim-rotate, anim-fade;
    -webkit-animation-duration: 1.75s, 1.75s;
    -webkit-animation-timing-function: cubic-bezier(.42,.67,1,.29);
       -moz-animation-name: anim-rotate, anim-fade;
       -moz-animation-duration: 1.75s, 1.75s;
       -moz-animation-timing-function: cubic-bezier(.42,.67,1,.29);
        -ms-animation-name: anim-rotate, anim-fade;
        -ms-animation-duration: 1.75s, 1.75s;
        -ms-animation-timing-function: cubic-bezier(.42,.67,1,.29);
         -o-animation-name: anim-rotate, anim-fade;
         -o-animation-duration: 1.75s, 1.75s;
         -o-animation-timing-function: cubic-bezier(.42,.67,1,.29);
            animation-name: anim-rotate, anim-fade;
            animation-duration: 1.75s, 1.75s;
            animation-timing-function: cubic-bezier(.42,.67,1,.29);
}
@-webkit-keyframes anim-rotate {
    0% { -webkit-transform:rotate(0deg)}
    100% { -webkit-transform:rotate(360deg) }
}
@-moz-keyframes anim-rotate {
    0% { -moz-transform:rotate(0deg)}
    100% { -moz-transform:rotate(360deg) }
}
@-ms-keyframes anim-rotate {
    0% { -ms-transform:rotate(0deg)}
    100% { -ms-transform:rotate(360deg) }
}
@-o-keyframes anim-rotate {
    0% { -o-transform:rotate(0deg)}
    100% { -o-transform:rotate(360deg) }
}
@keyframes anim-rotate {
    0% { transform:rotate(0deg)}
    100% { transform:rotate(360deg) }
}
@-webkit-keyframes anim-fade {
    0% { opacity: 0}
    40% { opacity: 0}
    70% { opacity: 1 }
    100% { opacity: 0 }
}
@-moz-keyframes anim-fade {
    0% { opacity: 0}
    40% { opacity: 0}
    70% { opacity: 1 }
    100% { opacity: 0 }
}
@-ms-keyframes anim-fade {
    0% { opacity: 0}
    40% { opacity: 0}
    70% { opacity: 1 }
    100% { opacity: 0 }
}
@-o-keyframes anim-fade {
    0% { opacity: 0}
    40% { opacity: 0}
    70% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes anim-fade {
    0% { opacity: 0}
    40% { opacity: 0}
    70% { opacity: 1 }
    100% { opacity: 0 }
}