.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@keyframes rotateReels{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes animateReelOne{0%{width:9em;height:9em;margin-left:-4.5em}50%{width:6em;height:6em;margin-left:-3em;margin-top:-3em}to{width:9em;height:9em;margin-top:-4.5em}}@keyframes animateReelTwo{0%{width:6em;height:6em;margin-right:-3em;margin-top:-3em}50%{width:9em;height:9em;margin-right:-4.5em;margin-top:-4.5em}to{width:6em;height:6em;margin-right:-3em;margin-top:-3em}}.teethBox{animation:rotateReels 5s linear infinite}.reelOne{animation:animateReelOne 5s linear infinite}.reelTwo{animation:animateReelTwo 5s linear infinite}.cassetteOuter{position:relative;margin:0 auto;background:#bbb;border-radius:.7em;width:20em;height:12em;box-shadow:0 .6em 0 0 #959595;padding:1em;border-top:.1em solid #d5d5d5;border-bottom:.1em solid #a2a2a2}.cassetteOuter:before{right:100%;border-right:.2em solid #959595}.cassetteOuter:after,.cassetteOuter:before{position:absolute;bottom:1em;content:"";height:3.5em;border-top:.2em solid transparent;border-bottom:.2em solid transparent}.cassetteOuter:after{z-index:-9000;left:100%;border-left:.2em solid #aeaeae}.screw{width:0;height:0;border-color:#c3c4c1 #c3c4c1 #5e5f5a #5e5f5a;border-style:solid;border-width:.4em .4em .3em;box-shadow:0 -.2em 0 0 #7b7b7b}.screw,.screw:before{position:absolute;display:block;border-radius:50%}.screw:before{top:-.25em;right:-.35em;content:"";width:.3em;height:.2em;background:#fff;transform:rotate(45deg)}.screw.screw1{top:.5em;left:.3em}.screw.screw1 .screwInner{transform:rotate(20deg)}.screw.screw2{top:.5em;right:.3em}.screw.screw2 .screwInner{transform:rotate(30deg)}.screw.screw3{bottom:.3em;left:.3em}.screw.screw3 .screwInner{transform:rotate(10deg)}.screw.screw4{bottom:.3em;right:.3em}.screw.screw4 .screwInner{transform:rotate(-10deg)}.screw .screwInner{top:-.15em;left:-.225em}.screw .screwInner,.screw .screwInner:after{position:absolute;display:block;width:.45em;height:.2em;border-radius:.1em;background:#373835}.screw .screwInner:after{top:0;left:0;content:"";transform:rotate(90deg)}.stickerOuter{width:100%;height:8em;background:#bbb;border-radius:.7em;border-top:.1em solid #a2a2a2;border-bottom:.1em solid #d5d5d5;position:relative}.sticker{position:absolute;top:.2em;right:.2em;left:.2em;bottom:.2em;background:#efeeeb;border-radius:.7em;border-bottom:1px solid #888}.sticker .a-side{position:absolute;border-radius:.1em;top:.8em;left:1em;font-weight:900;display:block;background:#4d4d4d;color:#efeeeb;width:1.1em;height:1.1em;padding-top:.1em;line-height:1em;text-align:center}.sticker .cursive{font-family:Shadows Into Light,cursive;display:block;padding:.5em .5em .5em 5em;transform:rotate(-3deg);color:#424ba8}.sticker .stripe{display:block;position:absolute;top:40%;width:100%;border-top:.3em solid #fd6139;border-bottom:.3em solid #4d4d4d}.sticker .c90{left:3.5em;color:#4b9121}.sticker .c90,.sticker .logo{position:absolute;bottom:-.1em;font-weight:900}.sticker .logo{right:3.5em}.middle{width:60%;margin:.5em auto 0;background:#bbb;padding:.2em;border-radius:.4em;border-top:.1em solid #d5d5d5;border-bottom:.1em solid #959595;box-shadow:0 0 0 .5em #bbb,0 -1px 0 .5em #888}.circle,.middle{position:relative}.circle{display:block;float:left;width:2.3em;height:2.4em;border-radius:50%;background:#99a6a7;border-top:.1em solid #a2a2a2;border-bottom:.1em solid #e1e1e1;box-shadow:inset 0 0 0 .2em #bbb,inset 0 .1em 0 .2em #959595,inset 0 .1em 0 .4em #efeeeb,inset 0 .2em 0 .4em #b6b2a4,inset -.7em 1.5em 0 0 #7e8e8f}.circle.two{float:right}.teethBox{margin-top:-.75em;height:1.7em;transition:transform;transition-duration:5s}.teeth,.teethBox{position:absolute;top:50%;left:50%;margin-left:-.85em;width:1.7em}.teeth{display:block;margin-top:-.1em;height:.2em;box-shadow:inset .25em 0 0 0 #efeeeb,inset -.25em 0 0 0 #efeeeb}.teeth:nth-of-type(2){transform:rotate(60deg)}.teeth:nth-of-type(3){transform:rotate(-60deg)}.window{position:absolute;z-index:2;top:.2em;left:50%;margin-left:-2.5em;margin-top:.3em;width:5em;height:1.8em;border-radius:.4em;overflow:hidden;background:#7e8e8f;border-top:.1em solid #a2a2a2;border-bottom:.1em solid #e1e1e1;box-shadow:inset 0 .2em 0 0 #959595,0 0 0 .25em #bbb,0 -.1em 0 .2em #959595,0 .1em 0 .2em #e1e1e1}.window .reelOne{position:absolute;left:-1.4em;top:.9em;display:block;margin-left:-4.5em;margin-top:-4.5em;width:9em;height:9em;background:#4d3b3b;border-radius:50%;transition:width,height,margin;transition-duration:5s}.window .reelOne:after{position:absolute;top:50%;left:50%;content:"";width:4em;height:4em;margin:-2em 0 0 -2em;border-radius:50%;background:#efeeeb;border:.2em solid #efeeeb;box-shadow:inset 0 0 0 .2em #dad8d2}.window .reelTwo{position:absolute;right:-1.4em;top:.9em;display:block;margin-right:-3em;margin-top:-3em;width:6em;height:6em;background:#4d3b3b;border-radius:50%;transition:width,height,margin;transition-duration:5s}.window .reelTwo:after{position:absolute;top:50%;left:50%;content:"";width:4em;height:4em;margin:-2em 0 0 -2em;border-radius:50%;background:#efeeeb;border:.2em solid #efeeeb;box-shadow:inset 0 0 0 .2em #dad8d2}.cassetteBottom{position:absolute;left:50%;bottom:0;height:2.2em;width:10em;margin-left:-5em;background:#c8c8c8;border-top:.1em solid #e1e1e1}.cassetteBottom .screw5{bottom:1em;left:50%;margin-left:-.5em}.cassetteBottom:before{right:100%;border-right:.5em solid #c8c8c8}.cassetteBottom:after,.cassetteBottom:before{content:"";position:absolute;border-top:2.2em solid transparent}.cassetteBottom:after{left:100%;border-left:.5em solid #c8c8c8}.bottomShadow{position:absolute;z-index:100;left:50%;margin-left:-5.5em;bottom:-.7em;width:11em;height:.7em;background:#959595}.bottomShadow:before{bottom:100%;border-bottom:.1em solid #959595}.bottomShadow:after,.bottomShadow:before{content:"";display:block;position:absolute;z-index:100;left:50%;margin-left:-5.5em;width:10.4em;border-right:.3em solid transparent;border-left:.3em solid transparent}.bottomShadow:after{top:100%;border-top:.1em solid #959595}.holes{display:block;bottom:.8em;width:.8em;border-radius:.2em}.holes,.holes:after{position:absolute;height:.6em;background:#626262;box-shadow:inset 0 .1em 0 0 #959595}.holes:after{top:.5em;content:"";width:.6em;border-radius:50%}.holes.one{left:20%}.holes.one:after{right:200%}.holes.two{right:20%}.holes.two:after{left:200%}.bottomHoles{position:absolute;top:.05em;width:2em;height:.6em;background:#626262;box-shadow:inset 0 .3em 0 0 #4d3b3b,inset 0 -.1em 0 0 #7b7b7b}.bottomHoles.one{left:.5em}.bottomHoles.two{left:50%;margin-left:-1em}.bottomHoles.two:before{right:140%}.bottomHoles.two:after,.bottomHoles.two:before{content:"";display:block;position:absolute;top:.1em;width:.4em;height:.4em;background:#626262;box-shadow:inset 0 .2em 0 0 #4d3b3b,inset 0 -.05em 0 0 #7b7b7b}.bottomHoles.two:after{left:140%}.bottomHoles.three{right:.5em}.cassetteOuter:hover .teethBox{transform:rotate(369deg)}.cassetteOuter:hover .reelOne{margin-left:-4em;margin-top:-4em;width:8em;height:8em}.cassetteOuter:hover .reelTwo{margin-right:-3.5em;margin-top:-3.5em;width:7em;height:7em}