#animation-content{margin:0 auto;max-width:30em;position:relative}#divider{width:41%;position:absolute;-moz-transform:rotate(-108deg);-ms-transform:rotate(-108deg);-webkit-transform:rotate(-108deg);transform:rotate(-108deg);top:14%;left:-4.5%;-moz-animation-name:divider-animation;-webkit-animation-name:divider-animation;animation-name:divider-animation;-moz-animation-duration:6s;-webkit-animation-duration:6s;animation-duration:6s;-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}#count-in-fives{position:absolute;left:0;top:10%;-moz-transform:rotate(-110deg);-ms-transform:rotate(-110deg);-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}.divider-image{max-width:4em;max-height:10%}#divider-right{height:100%;position:absolute;top:0;max-height:none;left:85%;-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left;transform-origin:top left;-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}#divider-left{-moz-transform-origin:top right;-ms-transform-origin:top right;-webkit-transform-origin:top right;transform-origin:top right;-moz-transform:rotate(11deg);-ms-transform:rotate(11deg);-webkit-transform:rotate(11deg);transform:rotate(11deg)}.distance-indicator{padding:.25em;background:#fff;border:1px solid #000;position:absolute}.distance-indicator:after{content:'';-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAARRBAMAAACWPsxlAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAgOdSEBalWR0AAAEISURBVHja7dixaUNREETRj4VzJe5ArsA4dwmW4fXfikGwjGD0lCg9kx6Wm+9xt9P52OztspPv604+/34ew2mt8yaz1mWTWeu6yaw1ocpMqDMT6syEOjOhyiRUmQlVJqHKTKgyCVUmocokVJmEKpNQMglVJqHKJFSZhCqTUGUSSqZDySRUmYQ6k1AyHUqmQ8kkVJmEkulQMh1KpkPJJJRMhZKp0GQqlEyFkqnQZCqUTIUmU6FkOvQ1ux3/Hg/2TgghhBBCCCGEEEIIeVE+bu89QgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEPJN/W/n7x1YFTJoAAAAASUVORK5CYII=');position:absolute;overflow:hidden;z-index:10;width:1em;height:2em;-moz-transform:rotate(-105deg);-ms-transform:rotate(-105deg);-webkit-transform:rotate(-105deg);transform:rotate(-105deg);left:-1.5em}@media screen and (min-width: 70.06em){.distance-indicator:after{height:4em;-moz-transform:rotate(-115deg);-ms-transform:rotate(-115deg);-webkit-transform:rotate(-115deg);transform:rotate(-115deg);left:-2.4em}}#indicator-1{top:4.75%;left:28.75%;opacity:1}#indicator-2{top:28%;left:42%;opacity:1}#indicator-3{top:53%;left:55.5%;-moz-animation-delay:5s;-webkit-animation-delay:5s;animation-delay:5s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s}#indicator-4{top:76.5%;left:68%;-moz-animation-delay:8s;-webkit-animation-delay:8s;animation-delay:8s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s}.distance-indicator{opacity:0;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media screen and (max-width: 30em){.distance-indicator{-moz-transform:translate3d(0.75em, -0.5em, 0);-ms-transform:translate3d(0.75em, -0.5em, 0);-webkit-transform:translate3d(0.75em, -0.5em, 0);transform:translate3d(0.75em, -0.5em, 0)}}@-moz-keyframes divider-animation{50%{-moz-transform:rotate(-108deg) translate3d(-108%, 0, 0);transform:rotate(-108deg) translate3d(-108%, 0, 0)}to{-moz-transform:rotate(-108deg) translate3d(-215%, 0, 0);transform:rotate(-108deg) translate3d(-215%, 0, 0)}}@-webkit-keyframes divider-animation{50%{-webkit-transform:rotate(-108deg) translate3d(-108%, 0, 0);transform:rotate(-108deg) translate3d(-108%, 0, 0)}to{-webkit-transform:rotate(-108deg) translate3d(-215%, 0, 0);transform:rotate(-108deg) translate3d(-215%, 0, 0)}}@keyframes divider-animation{50%{-moz-transform:rotate(-108deg) translate3d(-108%, 0, 0);-ms-transform:rotate(-108deg) translate3d(-108%, 0, 0);-webkit-transform:rotate(-108deg) translate3d(-108%, 0, 0);transform:rotate(-108deg) translate3d(-108%, 0, 0)}to{-moz-transform:rotate(-108deg) translate3d(-215%, 0, 0);-ms-transform:rotate(-108deg) translate3d(-215%, 0, 0);-webkit-transform:rotate(-108deg) translate3d(-215%, 0, 0);transform:rotate(-108deg) translate3d(-215%, 0, 0)}}@-moz-keyframes distance-indicator{from{opacity:0}to{opacity:1}}@-webkit-keyframes distance-indicator{from{opacity:0}to{opacity:1}}@keyframes distance-indicator{from{opacity:0}to{opacity:1}}@media print{#animation-print{display:none !important}#animation-content{display:block !important}.distance-indicator{opacity:1 !important}}
