#compass-rose{position:relative}#compass-rose:after{content:'';background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAARRBAMAAACWPsxlAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAgOdSEBalWR0AAAEISURBVHja7dixaUNREETRj4VzJe5ArsA4dwmW4fXfikGwjGD0lCg9kx6Wm+9xt9P52OztspPv604+/34ew2mt8yaz1mWTWeu6yaw1ocpMqDMT6syEOjOhyiRUmQlVJqHKTKgyCVUmocokVJmEKpNQMglVJqHKJFSZhCqTUGUSSqZDySRUmYQ6k1AyHUqmQ8kkVJmEkulQMh1KpkPJJJRMhZKp0GQqlEyFkqnQZCqUTIUmU6FkOvQ1ux3/Hg/2TgghhBBCCCGEEEIIeVE+bu89QgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEPJN/W/n7x1YFTJoAAAAASUVORK5CYII=');background-repeat:no-repeat;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;width:1em;height:5em;overflow:hidden;z-index:10}@media print{#animation-print{background-image:url('../../../images/activities/chartwork/fix/fix-on-chart-animation-backup.jpg?1434414504')}}.label{background:#fff;border:1px solid #000;padding:.5em;position:absolute;opacity:0}.degree-line{opacity:0;width:50%;text-align:center;position:absolute;font-weight:bold;border-bottom:3px solid #000;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:opacity, transform}.degree-line span{background:#fff;padding:.25em;padding-bottom:0}#deg-225{top:19.5%;right:-4%;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-animation-name:deg-225;-webkit-animation-name:deg-225;animation-name:deg-225;-moz-animation-duration:20s;-webkit-animation-duration:20s;animation-duration:20s;-moz-animation-delay:5s;-webkit-animation-delay:5s;animation-delay:5s}#deg-330{top:21.5%;right:-6%;-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg);-moz-animation-name:deg-330;-webkit-animation-name:deg-330;animation-name:deg-330;-moz-animation-duration:6s;-webkit-animation-duration:6s;animation-duration:6s;-moz-animation-delay:13s;-webkit-animation-delay:13s;animation-delay:13s}#parallel-rule{max-width:35%;position:absolute;top:22%;right:1%;will-change:transform;-moz-animation-name:fix-ruler;-webkit-animation-name:fix-ruler;animation-name:fix-ruler;-moz-animation-duration:15s;-webkit-animation-duration:15s;animation-duration:15s;-moz-animation-delay:3s;-webkit-animation-delay:3s;animation-delay:3s;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#compass-rose{opacity:1;right:13%;top:45%;position:absolute}#compass-rose::after{height:2em;top:-2em;left:0;right:0;margin:0 auto}#fix-symbol{bottom:45%;left:5%}#fix-symbol strong,#fix-symbol img{vertical-align:middle}#fix-symbol img{max-height:1.2em}#approx{left:5%;bottom:35%}#fix{opacity:0;position:absolute;bottom:31%;right:40%;width:3em;height:3em;border:1px solid #000;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#fix-symbol,#approx,#fix{-moz-animation-name:label-reveal;-webkit-animation-name:label-reveal;animation-name:label-reveal;-moz-animation-duration:2s;-webkit-animation-duration:2s;animation-duration:2s;-moz-animation-delay:20s;-webkit-animation-delay:20s;animation-delay:20s;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 30em){#animation-content{margin-top:3em}.degree-line{border-width:2px}#parallel-rule{top:30%}#compass-rose{top:0;right:0}#compass-rose::after{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-2em;top:auto}#fix-symbol{left:0;top:0;bottom:auto}#deg-225{top:24%;-moz-animation-name:deg-225-mob;-webkit-animation-name:deg-225-mob;animation-name:deg-225-mob}#deg-330{top:28%;right:-8%;-moz-animation-name:deg-330-mob;-webkit-animation-name:deg-330-mob;animation-name:deg-330-mob}#fix{width:2em;height:2em;bottom:29%;right:36.5%}#approx{font-size:.75em;max-width:28%}}@-moz-keyframes fix-ruler{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-moz-transform:rotate(-45deg);transform:rotate(-45deg)}75%{-moz-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}to{-moz-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}}@-webkit-keyframes fix-ruler{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}75%{-webkit-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}to{-webkit-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}}@keyframes fix-ruler{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}50%{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}75%{-moz-transform:translate(-14.5%, -10%) rotate(60deg);-ms-transform:translate(-14.5%, -10%) rotate(60deg);-webkit-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}to{-moz-transform:translate(-14.5%, -10%) rotate(60deg);-ms-transform:translate(-14.5%, -10%) rotate(60deg);-webkit-transform:translate(-14.5%, -10%) rotate(60deg);transform:translate(-14.5%, -10%) rotate(60deg)}}@-moz-keyframes deg-225{from{top:19.5%;right:-4%;opacity:0}25%{top:19.5%;right:-4%;opacity:1}35%,
  to{top:69%;right:23%;opacity:1}}@-webkit-keyframes deg-225{from{top:19.5%;right:-4%;opacity:0}25%{top:19.5%;right:-4%;opacity:1}35%,
  to{top:69%;right:23%;opacity:1}}@keyframes deg-225{from{top:19.5%;right:-4%;opacity:0}25%{top:19.5%;right:-4%;opacity:1}35%,
  to{top:69%;right:23%;opacity:1}}@-moz-keyframes deg-225-mob{from{top:24%;right:-4%;opacity:0}25%{opacity:1;top:24%;right:-4%}35%,
  to{top:69%;right:29%;opacity:1}}@-webkit-keyframes deg-225-mob{from{top:24%;right:-4%;opacity:0}25%{opacity:1;top:24%;right:-4%}35%,
  to{top:69%;right:29%;opacity:1}}@keyframes deg-225-mob{from{top:24%;right:-4%;opacity:0}25%{opacity:1;top:24%;right:-4%}35%,
  to{top:69%;right:29%;opacity:1}}@-moz-keyframes deg-330{from{top:21.5%;right:-6%;opacity:0}50%{top:21.5%;right:-6%;opacity:1}to{top:45.5%;right:27%;opacity:1}}@-webkit-keyframes deg-330{from{top:21.5%;right:-6%;opacity:0}50%{top:21.5%;right:-6%;opacity:1}to{top:45.5%;right:27%;opacity:1}}@keyframes deg-330{from{top:21.5%;right:-6%;opacity:0}50%{top:21.5%;right:-6%;opacity:1}to{top:45.5%;right:27%;opacity:1}}@-moz-keyframes deg-330-mob{from{top:28%;right:-8%;opacity:0}50%{top:28%;right:-8%;opacity:1}to{top:48%;right:24%;opacity:1}}@-webkit-keyframes deg-330-mob{from{top:28%;right:-8%;opacity:0}50%{top:28%;right:-8%;opacity:1}to{top:48%;right:24%;opacity:1}}@keyframes deg-330-mob{from{top:28%;right:-8%;opacity:0}50%{top:28%;right:-8%;opacity:1}to{top:48%;right:24%;opacity:1}}@-moz-keyframes label-reveal{to{opacity:1}}@-webkit-keyframes label-reveal{to{opacity:1}}@keyframes label-reveal{to{opacity:1}}