.cassetteOuter{position: relative;margin: 0em auto;background: #bbbbbb;border-radius: 0.7em;width: 20em;height: 12em;padding: 1em;border-top: #d5d5d5 solid 0.1em;border-bottom: #a2a2a2 solid 0.1em}.cassetteOuter:before{position: absolute;bottom: 16px;right: 100%;content: "";height: 3.5em;border-right: #959595 solid 0.2em;border-top: transparent solid 0.2em;border-bottom: transparent solid 0.2em}.cassetteOuter:after{position: absolute;bottom: 16px;left: 100%;content: "";height: 3.5em;border-left: #aeaeae solid 0.2em;border-top: transparent solid 0.2em;border-bottom: transparent solid 0.2em}.screw{position: absolute;display: block;width: 0;height: 0;border-left: #5e5f5a solid 0.4em;border-bottom: #5e5f5a solid 0.3em;border-top: #c3c4c1 solid 0.4em;border-right: #c3c4c1 solid 0.4em;border-radius: 50%;box-shadow: #7b7b7b 0 -0.2em 0 0}.screw:before{position: absolute;top: -0.25em;right: -0.35em;display: block;content: "";width: 0.3em;height: 0.2em;border-radius: 50%;background: #ffffff;transform: rotate(45deg)}.screw.screw1{top: 0.5em;left: 0.3em}.screw.screw1 .screwInner{transform: rotate(20deg)}.screw.screw2{top: 0.5em;right: 0.3em}.screw.screw2 .screwInner{transform: rotate(30deg)}.screw.screw3{bottom: 0.3em;left: 0.3em}.screw.screw3 .screwInner{transform: rotate(10deg)}.screw.screw4{bottom: 0.3em;right: 0.3em}.screw.screw4 .screwInner{transform: rotate(-10deg)}.screw .screwInner{position: absolute;top: -0.15em;left: -0.225em;display: block;width: 0.45em;height: 0.2em;border-radius: 0.1em;background: #373835}.screw .screwInner:after{position: absolute;top: 0;left: 0;display: block;content: "";width: 0.45em;height: 0.2em;border-radius: 0.1em;background: #373835;transform: rotate(90deg)}.stickerOuter{width: 100%;height: 8em;background: #bbbbbb;border-radius: 0.7em;border-top: #a2a2a2 solid 0.1em;border-bottom: #d5d5d5 solid 0.1em;position: relative}.sticker{position: absolute;top: 0.2em;right: 0.2em;left: 0.2em;bottom: 0.2em;background: #efeeeb;border-radius: 0.7em;border-bottom: #888888 solid 1px}.sticker .a-side,.sticker .b-side{position: absolute;border-radius: 0.1em;top: 0.8em;font-weight: 900;display: block;color: #efeeeb;width: 1.1em;height: 1.1em;padding-top: 0.1em;line-height: 1em;text-align: center}.sticker .a-side{left: 1em}.sticker .b-side{right: 1em;z-index:9}.sticker .cursive{font-family: "Shadows Into Light", cursive;display: block;padding: 0 8px 8px 8px;transform: rotate(-3deg);color: #424ba8;text-align: center}.sticker .icursive{font-family: "Shadows Into Light", cursive;display: block;padding: 0 8px 8px 8px;transform: rotate(-3deg);color: #424ba8;text-align: center}.sticker .stripe{display: block;position: absolute;top: 40%;width: 100%;border-top: #fd6139 solid 0.3em;border-bottom: #4d4d4d solid 0.3em}.sticker .c90,.sticker .ic90 ,.sticker .sc90{position: absolute;color: #4b9121;font-weight: 900}.sticker .c90{bottom: -4px;left: 3.5em}.sticker .ic90{bottom: -1px;left: 3px}.sticker .sc90{bottom: -59px;left: 57px}.sticker .logo,.sticker .ilogo{position: absolute;font-weight: 900;color: #4d4d4d}.sticker .logo{bottom: -4px;right: 3.5em}.sticker .ilogo{bottom: -1px;right: 6px}.middle,.imiddle{position: relative;width: 60%;background: #bbbbbb;padding: 0.2em;border-radius: 0.4em;border-top: #d5d5d5 solid 0.1em;border-bottom: #959595 solid 0.1em;box-shadow: #bbbbbb 0 0 0 0.5em, #888888 0 -1px 0 0.5em}.middle{margin: -12px auto 0}.imiddle{margin: -15px auto 0}.circle{display: block;position: relative;float: left;width: 2.3em;height: 2.4em;border-radius: 50%;background: #00b7c6;border-top: #a2a2a2 solid 0.1em;border-bottom: #e1e1e1 solid 0.1em;box-shadow: inset #bbb 0 0 0 0.2em, inset #959595 0 0.1em 0 0.2em, inset #efeeeb 0 0.1em 0 0.4em, inset #b6b2a4 0 0.2em 0 0.4em, inset #008893 -0.7em 1.5em 0 0}.circle.two{float: right}.teethBox{position: absolute;top: 50%;margin-top: -0.75em;left: 50%;margin-left: -0.85em;width: 1.7em;height: 1.7em;transition: transform;transition-duration: 1s}.teeth{display: block;position: absolute;top: 50%;margin-top: -0.1em;left: 50%;width: 1.7em;margin-left: -0.85em;height: 0.2em;box-shadow: inset #efeeeb 0.25em 0 0 0, inset #efeeeb -0.25em 0 0 0}.teeth:nth-of-type(2){transform: rotate(60deg)}.teeth:nth-of-type(3){transform: rotate(-60deg)}.window{position: absolute;z-index: 2;top: 0.2em;left: 50%;margin-left: -2.5em;margin-top: 0.3em;width: 5em;height: 1.8em;border-radius: 0.4em;overflow: hidden;background: #008893;border-top: #a2a2a2 solid 0.1em;border-bottom: #e1e1e1 solid 0.1em;box-shadow: inset #959595 0 0.2em 0 0, #bbbbbb 0 0 0 0.25em, #959595 0 -0.1em 0 0.2em, #e1e1e1 0 0.1em 0 0.2em}.window .reelOne{position: absolute;left: -1.4em;top: 0.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: 1s}.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: #efeeeb solid 0.2em;box-shadow: inset #dad8d2 0 0 0 0.2em}.window .reelTwo{position: absolute;right: -1.4em;top: 0.9em;display: block;margin-right: -3em;margin-top: -3em;width: 6em;height: 6em;background: #4d3b3b;border-radius: 50%;transition: width, height, margin;transition-duration: 1s}.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: #efeeeb solid 0.2em;box-shadow: inset #dad8d2 0 0 0 0.2em}.cassetteBottom{position: absolute;left: 50%;bottom: 0;height: 2.2em;width: 10em;margin-left: -5em;background: #c8c8c8;border-top: #e1e1e1 solid 0.1em}.cassetteBottom .screw5{bottom: 1em;left: 50%;margin-left: -0.5em}.cassetteBottom:before{content: "";position: absolute;right: 100%;border-right: #c8c8c8 solid 0.5em;border-top: transparent solid 2.2em}.cassetteBottom:after{content: "";position: absolute;left: 100%;border-left: #c8c8c8 solid 0.5em;border-top: transparent solid 2.2em}.bottomShadow{position: absolute;z-index: 100;left: 50%;margin-left: -5.5em;bottom: -0.7em;width: 11em;height: 0.7em;background: #959595}.bottomShadow:before{content: "";display: block;position: absolute;z-index: 100;bottom: 100%;left: 50%;margin-left: -5.5em;width: 10.4em;border-bottom: #959595 solid 0.1em;border-right: transparent solid 0.3em;border-left: transparent solid 0.3em}.bottomShadow:after{content: "";display: block;position: absolute;z-index: 100;top: 100%;left: 50%;margin-left: -5.5em;width: 10.4em;border-top: #959595 solid 0.1em;border-right: transparent solid 0.3em;border-left: transparent solid 0.3em}.holes{display: block;position: absolute;bottom: 0.8em;width: 0.8em;height: 0.6em;border-radius: 0.2em;background: #626262;box-shadow: inset #959595 0 0.1em 0 0}.holes:after{position: absolute;top: 0.5em;content: "";width: 0.6em;height: 0.6em;border-radius: 50%;background: #626262;box-shadow: inset #959595 0 0.1em 0 0}.holes.one{left: 20%}.holes.one:after{right: 200%}.holes.two{right: 20%}.holes.two:after{left: 200%}.bottomHoles{position: absolute;top: 0.05em;width: 2em;height: 0.6em;background: #626262;box-shadow: inset #4d3b3b 0 0.3em 0 0, inset #7b7b7b 0 -0.1em 0 0}.bottomHoles.one{left: 0.5em}.bottomHoles.two{left: 50%;margin-left: -1em}.bottomHoles.two:before{content: "";display: block;position: absolute;top: 0.1em;right: 140%;width: 0.4em;height: 0.4em;background: #626262;box-shadow: inset #4d3b3b 0 0.2em 0 0, inset #7b7b7b 0 -0.05em 0 0}.bottomHoles.two:after{content: "";display: block;position: absolute;top: 0.1em;left: 140%;width: 0.4em;height: 0.4em;background: #626262;box-shadow: inset #4d3b3b 0 0.2em 0 0, inset #7b7b7b 0 -0.05em 0 0}.bottomHoles.three{right: 0.5em}.linerNotes{width: 21em;margin: 6em auto}.linerNotesTop{transform: rotate(180deg) skewX(10deg);box-shadow: #008893 1.1em -1em 0 0;position: relative;left: 0.3em;height: 3em;background: #f8f1e1;padding: 0.4em}.linerNotesTop .boxDesc{font-size: 0.6em;display: block;font-size: 0.5em;float: left}.linerNotesTop .infoBoxes{font-size: 0.6em;display: block;float: right;width: 40%}.linerNotesTop .infoBoxes .box1{display: block;text-transform: uppercase;text-align: center;border: #4d4d4d solid 0.2em;width: 33.33%;height: 2.4rem;float: left;line-height: 1rem;font-size: 0.6em;padding-top: 0.1em}.linerNotesTop .infoBoxes .box2{display: block;text-transform: uppercase;text-align: center;border: #4d4d4d solid 0.2em;width: 33.33%;height: 2.4rem;float: left;line-height: 1rem;font-size: 0.8em;background: #4d4d4d;color: #f8f1e1;font-weight: 900;padding-top: 0.7em}.linerNotesTop .infoBoxes .box3{display: block;text-transform: uppercase;text-align: center;border: #4d4d4d solid 0.2em;width: 33.33%;height: 2.4rem;float: left;line-height: 1rem;font-size: 0.6em;padding-top: 0.6em}.linerNotesTop .infoBoxes .boxCopyright{display: block;width: 100%;height: 0.8em;font-size: 0.6em;text-align: center;position: relative;top: -0.4em}.linerNotesSpine{transform: skewX(-10deg) rotate(180deg);position: relative;left: 0.3em;height: 3em;background: #fd6139;border-top: #4d4d4d solid 0.8em;border-bottom: #4d4d4d solid 0.8em;text-align: center;font-weight: 900;line-height: 1em;box-shadow: inset #e0c17a 0 0.3em 0 0, inset #e0c17a 0 -0.3em 0 0, inset #dd342f 0 -0.7em 0 0, #008893 0.6em -1em 0 0.2em;padding-top: 0.3em}.linerNotesSpine .spineTitle{display: block;background: #e0c17a;width: 8em;margin: 0 auto}.green{color: #4b9121}.linerNotesMainContent{position: relative;height: 12em;background: #f8f1e1;box-shadow: #008893 -1em 1em 0 0;z-index: 1}.linerNotesMainContent:before{content: "";position: absolute;z-index: 2;top: 0;left: 50%;height: 12em;border-left: #4d4d4d solid 0.1em}.linerNotesMainContent:after{content: "";position: absolute;top: 0;right: 0;width: 20.5em;border-top: #eedeb8 solid 2em;border-right: transparent solid 0.5em}.linerNotesMainContent .side{float: left;position: relative;display: block;width: 50%;padding-left: 0.5em;border-bottom: #4d4d4d solid 0.2em;z-index: 2}.linerNotesMainContent .linerNotesMainContentInner{position: absolute;z-index: 100;top: 3em;height: 10em;left: 2em;width: 16em;font-family: "Shadows Into Light", cursive;color: #424ba8;transform: rotate(3deg)}.linerNotesMainContent .linerNotesMainContentInner h1{font-size: 1.5em;line-height: 1em}.linerNotesBottom{transform: rotate(180deg);position: relative;z-index: 2;height: 12em;background: #f8f1e1;box-shadow: inset #dd342f 0 1.5em 0 0, inset #dd342f 0 -1.5em 0 0, inset #fd6139 0 3em 0 0, inset #fd6139 0 -3em 0 0, inset #4d4d4d 0 4.5em 0 0, inset #4d4d4d 0 -4.5em 0 0, #008893 1em -1em 0 0;padding-top: 1.5em;text-align: center}.linerNotesBottom .black{text-transform: uppercase;font-weight: 900;font-size: 0.6em}.linerNotesBottom .white{color: #efeeeb;font-size: 0.8em}.linerNotesBottom .title{font-weight: 900;font-size: 2em;line-height: 2em;padding-bottom: 0.35em}.clearfix::after{clear: both}.clearfix::before, .clearfix::after{content: " ";display: table}@-webkit-keyframes rotating{from{-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes rotating{from{-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}to{-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}}.rotating{-webkit-animation: rotating 2s linear infinite;-moz-animation: rotating 2s linear infinite;-ms-animation: rotating 2s linear infinite;-o-animation: rotating 2s linear infinite;animation: rotating 2s linear infinite}@-webkit-keyframes teetho{from{margin-left: -4.5em;margin-top: -4.5em;width: 9em;height: 9em}to{margin-left: -4em;margin-top: -4em;width: 8em;height: 8em}}@keyframes teetho{from{margin-left: -4.5em;margin-top: -4.5em;width: 9em;height: 9em}to{margin-left: -4em;margin-top: -4em;width: 8em;height: 8em}}@-webkit-keyframes teetht{from{margin-right: -3em;margin-top: -3em;width: 6em;height: 6em}to{margin-right: -3.5em;margin-top: -3.5em;width: 7em;height: 7em}}@keyframes teetht{from{margin-right: -3em;margin-top: -3em;width: 6em;height: 6em}to{margin-right: -3.5em;margin-top: -3.5em;width: 7em;height: 7em}}.teetho{-webkit-animation: teetho 2s linear infinite;-moz-animation: teetho 2s linear infinite;-ms-animation: teetho 2s linear infinite;-o-animation: teetho 2s linear infinite;animation: teetho 2s linear infinite}.teetht{-webkit-animation: teetht 2s linear infinite;-moz-animation: teetht 2s linear infinite;-ms-animation: teetht 2s linear infinite;-o-animation: teetht 2s linear infinite;animation: teetht 2s linear infinite}.a-side a img{width: 40px !important;height: 40px !important;border-width: 4px !important;margin: -10px 0 0 -9px !important}