.whirl{position:relative}.whirl:before{background-color:#999;bottom:0;left:0;opacity:.6;right:0;top:0;z-index:1}.whirl:after,.whirl:before{content:"";position:absolute}.whirl:after{-webkit-animation:standard .75s linear infinite;animation:standard .75s linear infinite;border-radius:100%;border-top:4px solid #555;height:40px;left:50%;margin:-20px 0 0 -20px;top:50%;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all .75s ease 0s;transition:all .75s ease 0s;width:40px;z-index:2}.whirl.no-overlay:before{content:none;display:none}@-webkit-keyframes standard{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes standard{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.whirl.bar.follow:after{-webkit-animation:bar-follow 1s linear infinite;animation:bar-follow 1s linear infinite}@-webkit-keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,.5);box-shadow:inset 40px 0 0 rgba(0,0,0,.5)}to{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,.5);box-shadow:inset -40px 0 0 rgba(0,0,0,.5)}}@keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,.5);box-shadow:inset 40px 0 0 rgba(0,0,0,.5)}to{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,.5);box-shadow:inset -40px 0 0 rgba(0,0,0,.5)}}.whirl.bar:after{-webkit-animation:bar 1s linear infinite;animation:bar 1s linear infinite;border:none;border-radius:0;height:20px;width:40px}@-webkit-keyframes bar{0%{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,.5);box-shadow:inset 80px 0 0 rgba(0,0,0,.5)}}@keyframes bar{0%{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,.5);box-shadow:inset 80px 0 0 rgba(0,0,0,.5)}}.whirl.blade:after{border:4px solid transparent;border-bottom-color:#e74c3c;height:20px;margin:-10px 0 0 10px;opacity:1;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;width:20px}.whirl.double-up:after{border:4px double #e74c3c;border-right-style:solid}.whirl.duo:after{border-color:#f1c40f #333;border-style:solid;border-width:4px}.whirl.helicopter:after{background-color:#8e44ad;border:none;border-radius:0;height:10px;margin:-10px 0 0 -20px;opacity:1;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:40px}.whirl.line.back-and-forth.grow:after{-webkit-animation:line-back-and-forth 1s linear infinite,line-back-and-forth-grow 1s linear infinite;animation:line-back-and-forth 1s linear infinite,line-back-and-forth-grow 1s linear infinite}@-webkit-keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.whirl.line.back-and-forth:after{-webkit-animation:line-back-and-forth 1s linear infinite;animation:line-back-and-forth 1s linear infinite}@-webkit-keyframes line-back-and-forth{0%{width:10px}50%{width:50px}to{width:10px}}@keyframes line-back-and-forth{0%{width:10px}50%{width:50px}to{width:10px}}.whirl.line.grow:after{-webkit-animation:line .75s linear infinite,line-grow .75s linear infinite;animation:line .75s linear infinite,line-grow .75s linear infinite}@-webkit-keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.whirl.line:after{-webkit-animation:line .75s linear infinite;animation:line .75s linear infinite;border:none;border-radius:0;-webkit-box-shadow:inset -10px 0 0 rgba(0,0,0,.5);box-shadow:inset -10px 0 0 rgba(0,0,0,.5);height:20px}@-webkit-keyframes line{0%{width:10px}to{width:50px}}@keyframes line{0%{width:10px}to{width:50px}}.whirl.ringed:after{border:4px solid #2ecc71;border-right-color:#e74c3c;opacity:1}.whirl.shadow.oval.left:after,.whirl.shadow.oval:after{-webkit-animation:spin-shadow .25s linear infinite;animation:spin-shadow .25s linear infinite;border:none;border-radius:40% 100%}@-webkit-keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,.5)}}.whirl.shadow.oval.right:after{border:none;border-radius:100% 40%}.whirl.shadow.oval.right:after,.whirl.shadow:after{-webkit-animation:spin-shadow .25s linear infinite;animation:spin-shadow .25s linear infinite}.whirl.shadow:after{border:none;border-radius:100%}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,.5)}}.whirl.sphere.horizontal:after,.whirl.sphere:after{-webkit-animation:sphere .5s infinite;animation:sphere .5s infinite;border:none;border-radius:100%;height:40px}@-webkit-keyframes sphere{0%{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,.5);box-shadow:inset 45px 0 10px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,.5);box-shadow:inset -45px 0 10px rgba(0,0,0,.5)}}@keyframes sphere{0%{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,.5);box-shadow:inset 45px 0 10px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,.5);box-shadow:inset -45px 0 10px rgba(0,0,0,.5)}}.whirl.sphere.vertical:after{-webkit-animation:sphere-v .5s infinite;animation:sphere-v .5s infinite;border:none;border-radius:100%;height:40px}@-webkit-keyframes sphere-v{0%{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,.5);box-shadow:inset 0 45px 10px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,.5)}}@keyframes sphere-v{0%{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,.5);box-shadow:inset 0 45px 10px rgba(0,0,0,.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,.5)}}.whirl.traditional:after{border-color:#777 #777 #bbb #999;border-style:solid;border-width:4px}