.w-preloader{display:inline-block;position:relative;font-size:16px; width:3em;height:3em;background-color:#fff; color:#c20; } .w-preloader.type_1:after{content:'';position:absolute;top:0;left:0;width:2.8em;height:2.8em;border-radius:50%;border-width:0.1em;border-style:solid;border-color:transparent;border-top-color:inherit;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .w-preloader.type_2:before{content:'';display:block;position:absolute;top:0;left:0;width:2.8em;height:2.8em;border:0.1em solid;border-radius:50%;opacity:0.2}.w-preloader.type_2:after{content:'';position:absolute;top:0;left:0;width:2.8em;height:2.8em;border-radius:50%;border-width:0.1em;border-style:solid;border-color:transparent;border-top-color:inherit;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear} .w-preloader.type_3:before{content:'';display:block;position:absolute;top:0;left:0;width:2.8em;height:2.8em;border:0.1em solid;border-radius:50%}.w-preloader.type_3 .w-preloader-h{position:relative;top:0.2em;left:0.2em;width:2.6em;height:2.6em;border-radius:50%;background-color:inherit;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear}.w-preloader.type_3 .w-preloader-h:after{content:'';position:absolute;top:0;left:50%;margin:-0.4em 0 0 -0.25em;width:0.5em;height:0.5em;background-color:inherit} .w-preloader.type_4 .w-preloader-h{position:relative;width:3em;height:3em;background:inherit;border-radius:50%;border:0.1em solid}.w-preloader.type_4 .w-preloader-h:before{content:'';position:absolute;top:-0.2em;left:-0.2em;width:1.6em;height:3.3em;background:inherit;-webkit-transform-origin:1.6em 1.6em;transform-origin:1.6em 1.6em;-webkit-animation:rotation 2s infinite ease 1.5s;animation:rotation 2s infinite ease 1.5s}.w-preloader.type_4 .w-preloader-h:after{content:'';position:absolute;top:-0.2em;left:1.4em;width:1.6em;height:3.3em;background:inherit;-webkit-transform-origin:0px 1.6em;transform-origin:0px 1.6em;-webkit-animation:rotation 2s infinite ease;animation:rotation 2s infinite ease} .w-preloader.type_5:before{content:'';display:block;position:absolute;top:0;left:0;width:2.8em;height:2.8em;border:0.1em solid;border-radius:50%;opacity:0.2}.w-preloader.type_5 .w-preloader-h{position:relative;width:3em;height:3em;-webkit-animation:rotation 1s infinite ease-out;animation:rotation 1s infinite ease-out}.w-preloader.type_5 .w-preloader-h:after{content:'';position:absolute;top:0;left:50%;margin:-0.2em 0 0 -0.2em;width:0;height:0;border-radius:50%;border:0.3em solid} .w-preloader.type_6 .w-preloader-h{width:3em;height:3em;background-color:inherit;border:1.5em solid;border-radius:50%}.w-preloader.type_6 .w-preloader-h:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-color:inherit;-webkit-animation:scale 1.6s infinite ease;animation:scale 1.6s infinite ease}@-webkit-keyframes scale{0%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0)}}@keyframes scale{0%{transform:scale(0)}50%{transform:scale(1)}100%{transform:scale(0)}} .w-preloader.type_7 .w-preloader-h{width:3em;height:3em;background-color:inherit;border:0.1em solid;border-radius:50%;-webkit-animation:scale2 1.6s infinite ease;animation:scale2 1.6s infinite ease}@-webkit-keyframes scale2{0%{-webkit-transform:scale(0.1);border-width:1.5em}50%{-webkit-transform:scale(1);border-width:0.1em}100%{-webkit-transform:scale(0.1);border-width:1.5em}}@keyframes scale2{0%{transform:scale(0.1);border-width:1.5em}50%{transform:scale(1);border-width:0.1em}100%{transform:scale(0.1);border-width:1.5em}}