/* Z-indices */
html, body, ul, ol, dl, p, form, blockquote {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

input[type=button],
input[type=text],
input[type=submit],
.button,
.loading {
  font-family: Amplify;
  border-radius: 4px;
  background-color: #cccccc;
  text-align: center;
  padding: 2px 0px;
  display: inline-block;
  -webkit-appearance: none;
}

.button, .loading, input[type=button],
input[type=text],
input[type=submit] {
  width: 190px;
  padding: 16px 0;
  cursor: pointer;
}

.button.green, .loading, input.green[type=button], input[type=button].loading,
input.green[type=text],
input[type=text].loading,
input.green[type=submit],
input[type=submit].loading {
  background-color: #8CC63F;
  color: white;
}
.button.green img, .loading img, input.green[type=button] img,
input.green[type=text] img,
input.green[type=submit] img {
  height: 10px;
  margin-left: 4px;
}

.button.grey, .grey.loading, input.grey[type=button],
input.grey[type=text],
input.grey[type=submit] {
  background-color: #666666;
  color: white;
}

.button.grey, input.grey[type=button],
input.grey[type=text],
input.grey[type=submit], .button.green, .loading, input.green[type=button], input[type=button].loading,
input.green[type=text],
input[type=text].loading,
input.green[type=submit],
input[type=submit].loading {
  font-family: Amplify;
  font-size: 13pt;
  margin-top: 6px;
}

input[type=button],
input[type=text],
input[type=submit] {
  font-size: 14pt;
  border: none;
  background-color: #cccccc;
}

.button.ui-toggle, .ui-toggle.loading, input.ui-toggle[type=button],
input.ui-toggle[type=text],
input.ui-toggle[type=submit] {
  background-color: white;
  color: #808080;
  border-radius: 0px;
  opacity: 0.5;
  font-family: Amplify;
  margin-top: 24px;
  font-size: 15px;
}

.button.ui-toggle.selected, .ui-toggle.selected.loading, input.ui-toggle.selected[type=button],
input.ui-toggle.selected[type=text],
input.ui-toggle.selected[type=submit] {
  opacity: 1;
}

.button.ui-toggle:first-of-type, .ui-toggle.loading:first-of-type, input.ui-toggle[type=button]:first-of-type,
input.ui-toggle[type=text]:first-of-type,
input.ui-toggle[type=submit]:first-of-type {
  border-radius: 4px 0 0 4px;
}

.button.ui-toggle:last-of-type, .ui-toggle.loading:last-of-type, input.ui-toggle[type=button]:last-of-type,
input.ui-toggle[type=text]:last-of-type,
input.ui-toggle[type=submit]:last-of-type {
  border-radius: 0 4px 4px 0;
}

.buttons:not(:last-child) {
  margin-right: 4px;
}

button {
  border: none;
  background-color: inherit;
  cursor: pointer;
}

[role=button] {
  cursor: pointer;
}

@font-face {
  font-family: Dalek;
  src: url("../fonts/dalek.ttf");
}
@font-face {
  font-family: "BentonSans-Book";
  src: url("../fonts/BentonSans-Book.ttf");
}
@font-face {
  font-family: "BentonSans-BookItalic";
  src: url("../fonts/BentonSans-BookItalic.ttf");
}
@font-face {
  font-family: "BentonSans-Bold";
  src: url("../fonts/BentonSans-Bold.ttf");
}
@font-face {
  font-family: "Amplify";
  src: url("../fonts/Amplify.otf");
}
.popup::before {
  content: "";
  height: 60px;
  position: absolute;
  top: -20px;
  left: 0px;
  width: 480px;
  background: url(../images/ui/tooltip_border.svg) repeat-x;
}

.popup {
  min-width: 450px;
  height: 140px;
  margin: 0 auto;
  margin-top: -200px;
  background: white;
  font-family: Amplify;
  color: #1A1A1A;
  font-size: 16px;
  padding: 15px;
  line-height: 1.4em;
  position: relative;
  pointer-events: all;
}
.popup h1 {
  font-family: Dalek;
  color: #1A1A1A;
  margin: 0 0 12px 0;
}

.popup:after {
  content: "";
  width: 0;
  height: 0;
  border-width: 14px;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  position: absolute;
  top: 170px;
  left: 50%;
}

#readmore {
  color: white;
  background-color: #8CC63F;
  font-family: Amplify;
  padding: 6px 10px;
  border-radius: 3px;
  font-size: 0.8em;
  padding: 8px 18px;
}
#readmore img {
  height: 1em;
  vertical-align: middle;
  margin-left: 4px;
  margin-bottom: 2px;
}

.placeholder {
  pointer-events: none;
}

.chapter-selector {
  text-align: left;
  white-space: nowrap;
}
.chapter-selector .chapter {
  color: #cccccc;
  display: inline-block;
  position: relative;
  margin: 0 0 10px 0;
  padding: 5px 0 0 0;
  width: 90px;
  font-size: 12px;
  line-height: 1.6em;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.chapter-selector .chapter img {
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 4px;
}
.chapter-selector .selectedChapter {
  border: 1px solid #cccccc;
  border-bottom: 0px !important;
  color: #1A1A1A !important;
}

#char-name {
  text-transform: capitalize;
}

#prereq-string {
  color: #cccccc;
}
#prereq-string img {
  height: 1.5em;
}

#teaser {
  text-align: left;
}

.inner-wrapper {
  position: relative;
  float: right;
  right: 50%;
}

/* Begin: Sentences */
.selected {
  background-color: #fcfcd6;
}

.sentence {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sentence:hover {
  background-color: #fcfcd6;
}

.correct {
  background-color: #F6FFE1;
}

.correct:after {
  content: "Correct!";
  color: #8CC63F;
  position: absolute;
  right: 28px;
}

.incorrect {
  background-color: #ffd2d2;
}

.incorrect:after {
  content: "Try Again!";
  color: #a40000;
  position: absolute;
  right: 28px;
}

#myth_buttons {
  margin-top: 1em;
}

/* Sentence Selection Tooltip */
#submit_cancel_tooltip {
  display: inline-block;
  background-color: #2D2D2D;
  border-radius: 4px;
  position: absolute;
  right: 6px;
  margin-left: 10px;
  margin-top: -4px;
  text-indent: 0px;
}
#submit_cancel_tooltip button {
  border: none;
  background-color: inherit;
  color: #ccc;
  cursor: pointer;
  font-size: 0.8em;
  font-family: BentonSans-Book;
  padding: 10px;
}
#submit_cancel_tooltip button:first-of-type {
  border-right: #ccc 1px solid;
  border-radius: 4px 0 0 4px;
}
#submit_cancel_tooltip button:last-of-type {
  margin-left: -4px;
  border-radius: 0 4px 4px 0;
}

#submit_cancel_tooltip:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid #2D2D2D;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.alert-wrapper {
  position: fixed;
  left: 50%;
  top: 30%;
  z-index: 100;
}

.alert {
  position: relative;
  left: -50%;
  width: 600px;
  font-size: 1em;
  font-family: Amplify;
  padding: 20px;
  background-color: white;
  color: #B3B3B3;
  text-align: center;
  border-radius: 4px;
}
.alert h1 {
  color: #8CC63F;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.alert div {
  margin-bottom: 10px;
}
.alert svg, .alert .badge {
  height: 120px;
}

.clear-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  z-index: -1;
}

#global_nav_icons {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000000000;
  width: 90px;
}
#global_nav_icons img {
  width: 100%;
}

.indicator-wrapper {
  position: relative;
  display: inline-block;
}
.indicator-wrapper .indicator {
  border-radius: 50%;
  background-color: rgba(140, 198, 63, 0.8);
  color: white;
  position: absolute;
  font-size: 12px;
  padding: 2px 6px;
  top: -3px;
  right: -4px;
}
.indicator-wrapper .indicator img {
  width: 10px;
  height: 10px;
}

.onoffswitch {
  float: right;
  top: -8px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 20pt;
  padding: 0;
  line-height: 20pt;
  font-size: 20px;
  color: white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "on";
  padding-left: 11px;
  padding-top: 1px;
  background-color: #8CC63F;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "off";
  padding-right: 11px;
  padding-top: 1px;
  background-color: #CCCCCC;
  color: #FFFFFF;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 21px;
  margin: 4px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.loading {
  background-color: transparent;
}

.loading-one {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0s;
  animation: dot 1.3s infinite;
  animation-delay: 0s;
}

.loading-two {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 1.3s infinite;
  animation-delay: 0.2s;
}

.loading-three {
  opacity: 0;
  -webkit-animation: dot 1.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 1.3s infinite;
  animation-delay: 0.3s;
}

@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body, #ui-wrapper, #challenge-screen {
  background-image: url(../images/ui/background.png);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#ui-wrapper {
  font-family: Amplify;
  z-index: 1;
  text-align: center;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  z-index: 150;
}

.ui-page {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

#index-icon, .close-button, #settings-icon {
  margin: 24px;
  height: 32px;
  position: fixed;
}

#settings-icon {
  bottom: 0;
  left: 0;
}

.close-button {
  top: 0;
  right: 0;
}

#main-close-button {
  display: none;
}

#path-name {
  margin: 24px;
  position: fixed;
  top: 0;
  left: 0;
}
#path-name .arrow {
  font-size: 12px;
  margin: 0 14px;
}
#path-name img {
  border-left: 2px solid rgba(255, 255, 255, 0.4);
  vertical-align: middle;
  height: 42px;
}
#path-name {
  background: rgba(255, 255, 255, 0.3);
  font-size: 15px;
  color: #fff;
  border-radius: 4px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  padding: 0 14px 0 0;
}

#index-icon {
  bottom: 100px;
  right: 0;
}

#settings-panel {
  text-align: left;
}
#settings-panel h1 {
  font-family: Amplify;
  color: #808080;
  font-size: 15pt;
  margin-bottom: 25px;
}
#settings-panel {
  background: white;
  border-radius: 4px;
  color: #B3B3B3;
  position: fixed;
  bottom: 62px;
  left: 24px;
}
#settings-panel #settings-panel-inner,
#settings-panel .username {
  padding: 14pt;
  width: 230px;
}
#settings-panel button {
  width: 100%;
}
#settings-panel .username {
  background: #F4F4F4;
  color: #808080;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid #E6E6E6;
}
#settings-panel .setting {
  font-size: 12pt;
  cursor: pointer;
  padding: 18px 0;
  border-bottom: 1px solid #E6E6E6;
}
#settings-panel .setting:first-of-type {
  padding-top: 0px;
}
#settings-panel .setting img {
  margin-right: 6pt;
  height: 12pt;
  vertical-align: middle;
}
#settings-panel .setting img.right-arrow {
  float: right;
}
#settings-panel .setting.password:hover {
  background-color: #F4F4F4;
}
#settings-panel p {
  line-height: 13pt;
  font-size: 7pt;
}
#settings-panel p:first-of-type {
  margin-top: 20px;
}
#settings-panel p:not(:last-of-type) {
  margin-bottom: 15px;
}

#user-panel button {
  margin: 8px;
}

.user--current {
  cursor: pointer;
  position: fixed;
  right: 0;
  top: 0;
  margin: 15px;
}
.user--current img {
  width: 6px;
  vertical-align: middle;
  padding: 4px;
}

.user-panel-inner {
  width: 600px;
  margin: 0 auto;
}
.user-panel-inner em {
  font-style: normal;
  color: #8CC63F;
  line-height: 1.4em;
}

#password_ui h1 {
  margin: 15px 0;
  font-family: Amplify;
}
#password_ui {
  border: 1px solid #ddd;
  background-color: white;
  color: #808080;
  width: 400px;
  margin-left: -200px;
  border-radius: 4px;
  padding: 30px;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 203;
  text-align: center;
}

input[type=text] {
  width: 382px;
  margin: 0 auto;
  display: block;
}

#password-feedback {
  margin: 12px 0;
}

#index, #reader {
  box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 10000000000;
  font-family: Amplify;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
}

#index .chapters {
  display: inline-block;
  width: 450px;
  text-align: left;
}
#index .chapters .chapter {
  cursor: not-allowed;
  border: 1px solid #cccccc;
  color: #cccccc;
  display: inline-block;
  position: relative;
  margin: 0 0px 10px 0px;
  width: 80px;
  font-size: 12px;
  line-height: 1.6em;
  text-align: center;
  padding: 4px;
}
#index .chapters .chapter:not(:first-of-type) {
  border-left: none;
}
#index .chapters .chapter.unlocked {
  cursor: pointer;
  background: #cccccc;
  border-color: #1A1A1A;
  color: #1A1A1A;
}
#index .chapters img {
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 4px;
}
#index h1 {
  margin: 30px 0;
}

.index--character-img {
  width: 100px;
}

.index--character {
  width: 200px;
  margin: 0 50px;
  display: inline-block;
  vertical-align: middle;
}

.index--character-name {
  color: #808080;
  text-transform: capitalize;
  text-decoration: none;
}

#index-inner, #reader-content {
  background: white;
  width: calc(100% - 2 * 143.1px);
  margin: 0 143.1px;
  color: #808080;
  overflow-y: scroll;
  position: relative;
  height: 100%;
}
#index-inner .close-button, #reader-content .close-button {
  fill: grey;
  position: absolute;
}

.character-row {
  margin: 40px 0;
}

#reader-content {
  color: black;
  font-family: "BentonSans-Book";
  line-height: 2em;
  padding: 40px 140px;
  box-sizing: border-box;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
#reader-content h1 {
  font-family: Dalek;
  margin: 0 0 25px 0;
  text-align: center;
}
#reader-content p {
  text-indent: 60px;
}

.back_button {
  position: fixed;
  top: 47.7px;
  left: 47.7px;
  width: 47.7px;
  cursor: pointer;
}

#close_reader {
  position: fixed;
  top: 47.7px;
  left: 47.7px;
  width: 47.7px;
  cursor: pointer;
  z-index: 203;
}

#myth_buttons {
  float: right;
}

aside.instructions {
  border-top: #9b9b9b 1px solid;
  margin-top: 4em;
  padding: 1em;
}
aside.instructions > p {
  font-family: BentonSans-BookItalic;
}
aside.instructions #selection_explanation {
  font-family: BentonSans-BookItalic;
  color: #9b9b9b;
}

.animation-target {
  -webkit-animation: expandReader 1300ms linear infinite both;
  animation: expandReader 1300ms linear infinite both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com/#%7Bl%3A1%2Cs%3A%5B%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1300%2CD%3A0%2Cf%3A%7Bx%3A1%2Cy%3A1%7D%2Ct%3A%7Bx%3A10%2Cy%3A11.1%7D%2Cs%3A4%2Cb%3A3%7D%5D%7D */
@-webkit-keyframes expandReader {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.282051% {
    -webkit-transform: matrix3d(2.57936, 0, 0, 0, 0, 2.77239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(2.57936, 0, 0, 0, 0, 2.77239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.564103% {
    -webkit-transform: matrix3d(3.97177, 0, 0, 0, 0, 4.33498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(3.97177, 0, 0, 0, 0, 4.33498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.846154% {
    -webkit-transform: matrix3d(5.17838, 0, 0, 0, 0, 5.68907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(5.17838, 0, 0, 0, 0, 5.68907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.128205% {
    -webkit-transform: matrix3d(6.20757, 0, 0, 0, 0, 6.84405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(6.20757, 0, 0, 0, 0, 6.84405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.410256% {
    -webkit-transform: matrix3d(7.07235, 0, 0, 0, 0, 7.81452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(7.07235, 0, 0, 0, 0, 7.81452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.692308% {
    -webkit-transform: matrix3d(7.78842, 0, 0, 0, 0, 8.61811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(7.78842, 0, 0, 0, 0, 8.61811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.974359% {
    -webkit-transform: matrix3d(8.37267, 0, 0, 0, 0, 9.27377, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(8.37267, 0, 0, 0, 0, 9.27377, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.25641% {
    -webkit-transform: matrix3d(8.84214, 0, 0, 0, 0, 9.80062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(8.84214, 0, 0, 0, 0, 9.80062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.538462% {
    -webkit-transform: matrix3d(9.21326, 0, 0, 0, 0, 10.2171, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.21326, 0, 0, 0, 0, 10.2171, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.820513% {
    -webkit-transform: matrix3d(9.50139, 0, 0, 0, 0, 10.54045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.50139, 0, 0, 0, 0, 10.54045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.102564% {
    -webkit-transform: matrix3d(9.72051, 0, 0, 0, 0, 10.78635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.72051, 0, 0, 0, 0, 10.78635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.384615% {
    -webkit-transform: matrix3d(9.88308, 0, 0, 0, 0, 10.96879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.88308, 0, 0, 0, 0, 10.96879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.948718% {
    -webkit-transform: matrix3d(10.08066, 0, 0, 0, 0, 11.19051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.08066, 0, 0, 0, 0, 11.19051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.230769% {
    -webkit-transform: matrix3d(10.13301, 0, 0, 0, 0, 11.24926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.13301, 0, 0, 0, 0, 11.24926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.512821% {
    -webkit-transform: matrix3d(10.16369, 0, 0, 0, 0, 11.2837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.16369, 0, 0, 0, 0, 11.2837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.794872% {
    -webkit-transform: matrix3d(10.17818, 0, 0, 0, 0, 11.29995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.17818, 0, 0, 0, 0, 11.29995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.076923% {
    -webkit-transform: matrix3d(10.1809, 0, 0, 0, 0, 11.30301, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.1809, 0, 0, 0, 0, 11.30301, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.358974% {
    -webkit-transform: matrix3d(10.17539, 0, 0, 0, 0, 11.29683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.17539, 0, 0, 0, 0, 11.29683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.641026% {
    -webkit-transform: matrix3d(10.16443, 0, 0, 0, 0, 11.28453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.16443, 0, 0, 0, 0, 11.28453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.923077% {
    -webkit-transform: matrix3d(10.15016, 0, 0, 0, 0, 11.26851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.15016, 0, 0, 0, 0, 11.26851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.205128% {
    -webkit-transform: matrix3d(10.13419, 0, 0, 0, 0, 11.25059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.13419, 0, 0, 0, 0, 11.25059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.487179% {
    -webkit-transform: matrix3d(10.11769, 0, 0, 0, 0, 11.23207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.11769, 0, 0, 0, 0, 11.23207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.769231% {
    -webkit-transform: matrix3d(10.1015, 0, 0, 0, 0, 11.21391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.1015, 0, 0, 0, 0, 11.21391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  32.051282% {
    -webkit-transform: matrix3d(10.0862, 0, 0, 0, 0, 11.19673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.0862, 0, 0, 0, 0, 11.19673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(10.07212, 0, 0, 0, 0, 11.18093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.07212, 0, 0, 0, 0, 11.18093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.615385% {
    -webkit-transform: matrix3d(10.05946, 0, 0, 0, 0, 11.16673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.05946, 0, 0, 0, 0, 11.16673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.897436% {
    -webkit-transform: matrix3d(10.04831, 0, 0, 0, 0, 11.15421, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.04831, 0, 0, 0, 0, 11.15421, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.179487% {
    -webkit-transform: matrix3d(10.03864, 0, 0, 0, 0, 11.14336, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.03864, 0, 0, 0, 0, 11.14336, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.461538% {
    -webkit-transform: matrix3d(10.03039, 0, 0, 0, 0, 11.1341, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.03039, 0, 0, 0, 0, 11.1341, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.74359% {
    -webkit-transform: matrix3d(10.02346, 0, 0, 0, 0, 11.12633, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.02346, 0, 0, 0, 0, 11.12633, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.025641% {
    -webkit-transform: matrix3d(10.01772, 0, 0, 0, 0, 11.11989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.01772, 0, 0, 0, 0, 11.11989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.307692% {
    -webkit-transform: matrix3d(10.01304, 0, 0, 0, 0, 11.11463, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.01304, 0, 0, 0, 0, 11.11463, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.589744% {
    -webkit-transform: matrix3d(10.00928, 0, 0, 0, 0, 11.11041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00928, 0, 0, 0, 0, 11.11041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.871795% {
    -webkit-transform: matrix3d(10.0063, 0, 0, 0, 0, 11.10707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.0063, 0, 0, 0, 0, 11.10707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.153846% {
    -webkit-transform: matrix3d(10.004, 0, 0, 0, 0, 11.10448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.004, 0, 0, 0, 0, 11.10448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.435897% {
    -webkit-transform: matrix3d(10.00224, 0, 0, 0, 0, 11.10251, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00224, 0, 0, 0, 0, 11.10251, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.717949% {
    -webkit-transform: matrix3d(10.00094, 0, 0, 0, 0, 11.10105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00094, 0, 0, 0, 0, 11.10105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.282051% {
    -webkit-transform: matrix3d(9.99935, 0, 0, 0, 0, 11.09927, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99935, 0, 0, 0, 0, 11.09927, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.564103% {
    -webkit-transform: matrix3d(9.99893, 0, 0, 0, 0, 11.0988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99893, 0, 0, 0, 0, 11.0988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.846154% {
    -webkit-transform: matrix3d(9.99869, 0, 0, 0, 0, 11.09853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99869, 0, 0, 0, 0, 11.09853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.128205% {
    -webkit-transform: matrix3d(9.99857, 0, 0, 0, 0, 11.0984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99857, 0, 0, 0, 0, 11.0984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.410256% {
    -webkit-transform: matrix3d(9.99855, 0, 0, 0, 0, 11.09837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99855, 0, 0, 0, 0, 11.09837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.692308% {
    -webkit-transform: matrix3d(9.99859, 0, 0, 0, 0, 11.09842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99859, 0, 0, 0, 0, 11.09842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.974359% {
    -webkit-transform: matrix3d(9.99868, 0, 0, 0, 0, 11.09852, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99868, 0, 0, 0, 0, 11.09852, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.25641% {
    -webkit-transform: matrix3d(9.9988, 0, 0, 0, 0, 11.09865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.9988, 0, 0, 0, 0, 11.09865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.538462% {
    -webkit-transform: matrix3d(9.99892, 0, 0, 0, 0, 11.09879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99892, 0, 0, 0, 0, 11.09879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.820513% {
    -webkit-transform: matrix3d(9.99906, 0, 0, 0, 0, 11.09894, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99906, 0, 0, 0, 0, 11.09894, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.102564% {
    -webkit-transform: matrix3d(9.99919, 0, 0, 0, 0, 11.09909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99919, 0, 0, 0, 0, 11.09909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.384615% {
    -webkit-transform: matrix3d(9.99931, 0, 0, 0, 0, 11.09922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99931, 0, 0, 0, 0, 11.09922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(9.99942, 0, 0, 0, 0, 11.09935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99942, 0, 0, 0, 0, 11.09935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  67.948718% {
    -webkit-transform: matrix3d(9.99952, 0, 0, 0, 0, 11.09947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99952, 0, 0, 0, 0, 11.09947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.230769% {
    -webkit-transform: matrix3d(9.99961, 0, 0, 0, 0, 11.09957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99961, 0, 0, 0, 0, 11.09957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.512821% {
    -webkit-transform: matrix3d(9.99969, 0, 0, 0, 0, 11.09965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99969, 0, 0, 0, 0, 11.09965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.794872% {
    -webkit-transform: matrix3d(9.99976, 0, 0, 0, 0, 11.09973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99976, 0, 0, 0, 0, 11.09973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.076923% {
    -webkit-transform: matrix3d(9.99981, 0, 0, 0, 0, 11.09979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99981, 0, 0, 0, 0, 11.09979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  74.358974% {
    -webkit-transform: matrix3d(9.99986, 0, 0, 0, 0, 11.09984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99986, 0, 0, 0, 0, 11.09984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.641026% {
    -webkit-transform: matrix3d(9.9999, 0, 0, 0, 0, 11.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.9999, 0, 0, 0, 0, 11.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.923077% {
    -webkit-transform: matrix3d(9.99993, 0, 0, 0, 0, 11.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99993, 0, 0, 0, 0, 11.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.205128% {
    -webkit-transform: matrix3d(9.99995, 0, 0, 0, 0, 11.09994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99995, 0, 0, 0, 0, 11.09994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.487179% {
    -webkit-transform: matrix3d(9.99997, 0, 0, 0, 0, 11.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99997, 0, 0, 0, 0, 11.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80.769231% {
    -webkit-transform: matrix3d(9.99998, 0, 0, 0, 0, 11.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99998, 0, 0, 0, 0, 11.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.051282% {
    -webkit-transform: matrix3d(9.99999, 0, 0, 0, 0, 11.09999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99999, 0, 0, 0, 0, 11.09999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.615385% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.897436% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.179487% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.461538% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.74359% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.025641% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  92.307692% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.589744% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.871795% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.153846% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.435897% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.717949% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes expandReader {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  1.282051% {
    -webkit-transform: matrix3d(2.57936, 0, 0, 0, 0, 2.77239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(2.57936, 0, 0, 0, 0, 2.77239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.564103% {
    -webkit-transform: matrix3d(3.97177, 0, 0, 0, 0, 4.33498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(3.97177, 0, 0, 0, 0, 4.33498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.846154% {
    -webkit-transform: matrix3d(5.17838, 0, 0, 0, 0, 5.68907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(5.17838, 0, 0, 0, 0, 5.68907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.128205% {
    -webkit-transform: matrix3d(6.20757, 0, 0, 0, 0, 6.84405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(6.20757, 0, 0, 0, 0, 6.84405, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.410256% {
    -webkit-transform: matrix3d(7.07235, 0, 0, 0, 0, 7.81452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(7.07235, 0, 0, 0, 0, 7.81452, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  7.692308% {
    -webkit-transform: matrix3d(7.78842, 0, 0, 0, 0, 8.61811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(7.78842, 0, 0, 0, 0, 8.61811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.974359% {
    -webkit-transform: matrix3d(8.37267, 0, 0, 0, 0, 9.27377, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(8.37267, 0, 0, 0, 0, 9.27377, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.25641% {
    -webkit-transform: matrix3d(8.84214, 0, 0, 0, 0, 9.80062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(8.84214, 0, 0, 0, 0, 9.80062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  11.538462% {
    -webkit-transform: matrix3d(9.21326, 0, 0, 0, 0, 10.2171, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.21326, 0, 0, 0, 0, 10.2171, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.820513% {
    -webkit-transform: matrix3d(9.50139, 0, 0, 0, 0, 10.54045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.50139, 0, 0, 0, 0, 10.54045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.102564% {
    -webkit-transform: matrix3d(9.72051, 0, 0, 0, 0, 10.78635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.72051, 0, 0, 0, 0, 10.78635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  15.384615% {
    -webkit-transform: matrix3d(9.88308, 0, 0, 0, 0, 10.96879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.88308, 0, 0, 0, 0, 10.96879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.948718% {
    -webkit-transform: matrix3d(10.08066, 0, 0, 0, 0, 11.19051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.08066, 0, 0, 0, 0, 11.19051, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  19.230769% {
    -webkit-transform: matrix3d(10.13301, 0, 0, 0, 0, 11.24926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.13301, 0, 0, 0, 0, 11.24926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.512821% {
    -webkit-transform: matrix3d(10.16369, 0, 0, 0, 0, 11.2837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.16369, 0, 0, 0, 0, 11.2837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.794872% {
    -webkit-transform: matrix3d(10.17818, 0, 0, 0, 0, 11.29995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.17818, 0, 0, 0, 0, 11.29995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  23.076923% {
    -webkit-transform: matrix3d(10.1809, 0, 0, 0, 0, 11.30301, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.1809, 0, 0, 0, 0, 11.30301, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.358974% {
    -webkit-transform: matrix3d(10.17539, 0, 0, 0, 0, 11.29683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.17539, 0, 0, 0, 0, 11.29683, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.641026% {
    -webkit-transform: matrix3d(10.16443, 0, 0, 0, 0, 11.28453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.16443, 0, 0, 0, 0, 11.28453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  26.923077% {
    -webkit-transform: matrix3d(10.15016, 0, 0, 0, 0, 11.26851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.15016, 0, 0, 0, 0, 11.26851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  28.205128% {
    -webkit-transform: matrix3d(10.13419, 0, 0, 0, 0, 11.25059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.13419, 0, 0, 0, 0, 11.25059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.487179% {
    -webkit-transform: matrix3d(10.11769, 0, 0, 0, 0, 11.23207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.11769, 0, 0, 0, 0, 11.23207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  30.769231% {
    -webkit-transform: matrix3d(10.1015, 0, 0, 0, 0, 11.21391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.1015, 0, 0, 0, 0, 11.21391, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  32.051282% {
    -webkit-transform: matrix3d(10.0862, 0, 0, 0, 0, 11.19673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.0862, 0, 0, 0, 0, 11.19673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(10.07212, 0, 0, 0, 0, 11.18093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.07212, 0, 0, 0, 0, 11.18093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  34.615385% {
    -webkit-transform: matrix3d(10.05946, 0, 0, 0, 0, 11.16673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.05946, 0, 0, 0, 0, 11.16673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.897436% {
    -webkit-transform: matrix3d(10.04831, 0, 0, 0, 0, 11.15421, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.04831, 0, 0, 0, 0, 11.15421, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.179487% {
    -webkit-transform: matrix3d(10.03864, 0, 0, 0, 0, 11.14336, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.03864, 0, 0, 0, 0, 11.14336, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  38.461538% {
    -webkit-transform: matrix3d(10.03039, 0, 0, 0, 0, 11.1341, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.03039, 0, 0, 0, 0, 11.1341, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.74359% {
    -webkit-transform: matrix3d(10.02346, 0, 0, 0, 0, 11.12633, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.02346, 0, 0, 0, 0, 11.12633, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.025641% {
    -webkit-transform: matrix3d(10.01772, 0, 0, 0, 0, 11.11989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.01772, 0, 0, 0, 0, 11.11989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  42.307692% {
    -webkit-transform: matrix3d(10.01304, 0, 0, 0, 0, 11.11463, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.01304, 0, 0, 0, 0, 11.11463, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.589744% {
    -webkit-transform: matrix3d(10.00928, 0, 0, 0, 0, 11.11041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00928, 0, 0, 0, 0, 11.11041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.871795% {
    -webkit-transform: matrix3d(10.0063, 0, 0, 0, 0, 11.10707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.0063, 0, 0, 0, 0, 11.10707, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  46.153846% {
    -webkit-transform: matrix3d(10.004, 0, 0, 0, 0, 11.10448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.004, 0, 0, 0, 0, 11.10448, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.435897% {
    -webkit-transform: matrix3d(10.00224, 0, 0, 0, 0, 11.10251, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00224, 0, 0, 0, 0, 11.10251, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  48.717949% {
    -webkit-transform: matrix3d(10.00094, 0, 0, 0, 0, 11.10105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00094, 0, 0, 0, 0, 11.10105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  51.282051% {
    -webkit-transform: matrix3d(9.99935, 0, 0, 0, 0, 11.09927, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99935, 0, 0, 0, 0, 11.09927, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.564103% {
    -webkit-transform: matrix3d(9.99893, 0, 0, 0, 0, 11.0988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99893, 0, 0, 0, 0, 11.0988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  53.846154% {
    -webkit-transform: matrix3d(9.99869, 0, 0, 0, 0, 11.09853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99869, 0, 0, 0, 0, 11.09853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  55.128205% {
    -webkit-transform: matrix3d(9.99857, 0, 0, 0, 0, 11.0984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99857, 0, 0, 0, 0, 11.0984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.410256% {
    -webkit-transform: matrix3d(9.99855, 0, 0, 0, 0, 11.09837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99855, 0, 0, 0, 0, 11.09837, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  57.692308% {
    -webkit-transform: matrix3d(9.99859, 0, 0, 0, 0, 11.09842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99859, 0, 0, 0, 0, 11.09842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.974359% {
    -webkit-transform: matrix3d(9.99868, 0, 0, 0, 0, 11.09852, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99868, 0, 0, 0, 0, 11.09852, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.25641% {
    -webkit-transform: matrix3d(9.9988, 0, 0, 0, 0, 11.09865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.9988, 0, 0, 0, 0, 11.09865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  61.538462% {
    -webkit-transform: matrix3d(9.99892, 0, 0, 0, 0, 11.09879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99892, 0, 0, 0, 0, 11.09879, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.820513% {
    -webkit-transform: matrix3d(9.99906, 0, 0, 0, 0, 11.09894, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99906, 0, 0, 0, 0, 11.09894, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.102564% {
    -webkit-transform: matrix3d(9.99919, 0, 0, 0, 0, 11.09909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99919, 0, 0, 0, 0, 11.09909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  65.384615% {
    -webkit-transform: matrix3d(9.99931, 0, 0, 0, 0, 11.09922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99931, 0, 0, 0, 0, 11.09922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(9.99942, 0, 0, 0, 0, 11.09935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99942, 0, 0, 0, 0, 11.09935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  67.948718% {
    -webkit-transform: matrix3d(9.99952, 0, 0, 0, 0, 11.09947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99952, 0, 0, 0, 0, 11.09947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  69.230769% {
    -webkit-transform: matrix3d(9.99961, 0, 0, 0, 0, 11.09957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99961, 0, 0, 0, 0, 11.09957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.512821% {
    -webkit-transform: matrix3d(9.99969, 0, 0, 0, 0, 11.09965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99969, 0, 0, 0, 0, 11.09965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  71.794872% {
    -webkit-transform: matrix3d(9.99976, 0, 0, 0, 0, 11.09973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99976, 0, 0, 0, 0, 11.09973, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  73.076923% {
    -webkit-transform: matrix3d(9.99981, 0, 0, 0, 0, 11.09979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99981, 0, 0, 0, 0, 11.09979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  74.358974% {
    -webkit-transform: matrix3d(9.99986, 0, 0, 0, 0, 11.09984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99986, 0, 0, 0, 0, 11.09984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.641026% {
    -webkit-transform: matrix3d(9.9999, 0, 0, 0, 0, 11.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.9999, 0, 0, 0, 0, 11.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  76.923077% {
    -webkit-transform: matrix3d(9.99993, 0, 0, 0, 0, 11.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99993, 0, 0, 0, 0, 11.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  78.205128% {
    -webkit-transform: matrix3d(9.99995, 0, 0, 0, 0, 11.09994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99995, 0, 0, 0, 0, 11.09994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.487179% {
    -webkit-transform: matrix3d(9.99997, 0, 0, 0, 0, 11.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99997, 0, 0, 0, 0, 11.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  80.769231% {
    -webkit-transform: matrix3d(9.99998, 0, 0, 0, 0, 11.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99998, 0, 0, 0, 0, 11.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  82.051282% {
    -webkit-transform: matrix3d(9.99999, 0, 0, 0, 0, 11.09999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(9.99999, 0, 0, 0, 0, 11.09999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  84.615385% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.897436% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.179487% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  88.461538% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.74359% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.025641% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  92.307692% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.589744% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  94.871795% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  96.153846% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.435897% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  98.717949% {
    -webkit-transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10.00001, 0, 0, 0, 0, 11.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(10, 0, 0, 0, 0, 11.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
#map-path-screen {
  text-align: center;
}

#map {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
#map polygon {
  cursor: pointer;
  transition: fill 1s ease;
}
#map image:hover {
  opacity: 0.9;
}
#map .map-indicator {
  animation: floating 3s infinite;
  -webkit-animation: floating 3s infinite;
}
#map g.map-unlocked {
  cursor: pointer;
}
#map g.map-locked {
  pointer-events: none;
}
#map g.map-locked .map-indicator {
  opacity: 0;
}
#map svg {
  margin-top: 20px;
}

#character image, #rock image {
  cursor: pointer;
}

#you-are-here-inner {
  margin-top: 20px;
  margin-left: 30px;
  position: relative;
  background: #45453f;
}

.dot {
  width: 10px;
  height: 10px;
  border: 5px solid #8cc63f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #8cc63f;
  z-index: 10;
  position: absolute;
}

.pulse {
  border: 10px solid #8cc63f;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 1.5s ease-in;
  -moz-animation: pulse 2s ease-out;
  animation: pulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "pulse" {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.2;
  }
  50% {
    -webkit-transform: scale(0.2);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
#start-screen {
  text-align: center;
}

#title-art {
  display: block;
  margin: 5% auto 0 auto;
  height: 70%;
}

#amplify-logo {
  color: #F37323;
}

#branding {
  position: fixed;
  bottom: 0;
  margin: 15px;
  left: 50%;
  width: 300px;
  text-align: center;
  margin-left: -150px;
}

#challenge-screen {
  z-index: 1;
}

.introductory-text {
  margin: 40px 0;
  font-size: 16pt;
  color: #808080;
}

.challenge {
  background: white;
  width: 230px;
  border-radius: 3px;
  color: #808080;
  margin: 0 auto;
  padding: 20px;
  display: inline-block;
  margin: 0 20px;
}
.challenge > img {
  width: 100%;
}

.challenge-title,
.challenge-subtitle {
  color: #8CC63F;
  text-align: left;
}

.challenge-subtitle {
  text-transform: uppercase;
  font-size: 9pt;
}

.challenge-title {
  font-size: 16pt;
}

.challenge-blurb {
  font-size: 12pt;
  line-height: 18pt;
  text-align: left;
  height: 150px;
}

button .lock svg {
  height: 14px;
  margin-right: 6px;
}
button .lock path {
  fill: white;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: BentonSans-Book;
}

html {
  height: 100%;
}

#wrapper {
  height: 752px;
  width: 1280px;
}

#skrollr-body {
  height: 1752px;
  width: 1280px;
  text-align: center;
}

#spacer {
  width: 1px;
  height: 1px;
  padding-top: 1751px;
  padding-left: 1279px;
  display: block;
}

.scene {
  width: 1280px;
  height: 752px;
  position: fixed;
  left: 50%;
  margin-left: -640px;
  top: 0;
  pointer-events: none;
}

a {
  color: #8CC63F;
  text-decoration: none;
}

h1 {
  font-family: Amplify;
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .scene {
    position: absolute;
  }
}
.hide {
  display: none;
}

.scroll-locked {
  overflow: hidden;
}

#button {
  position: fixed;
  top: 10px;
  right: 10px;
  height: 26px;
  width: 60px;
  background-color: #fff;
  font-family: helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  cursor: pointer;
  z-index: 200;
  border-radius: 10px;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.round_button, #labyrinth_button, #sky_button, #land_button {
  height: 50px;
  width: 70px;
  background-color: rgba(0, 0, 0, 0.2);
  font-family: helvetica, sans-serif;
  font-size: 14px;
  font-weight: medium;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  line-height: 140%;
  text-transform: uppercase;
  padding-top: 20px;
  cursor: pointer;
  z-index: 100;
  border-width: 0px;
  border-style: solid;
  border-color: #fff;
  border-radius: 70px;
}

#land_button {
  position: fixed;
  bottom: 10px;
  left: 45%;
}

#sky_button {
  position: fixed;
  top: 10px;
  left: 45%;
}

#labyrinth_button {
  position: absolute;
  top: 510px;
  left: 840px;
  width: 100px;
  height: 80px;
}
.character-wrapper {
	position: absolute;
	cursor: pointer;
	pointer-events: auto;
	text-align: center;
  z-index: 0;
}

.character-img, .mask {
	width: 100%; 
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.hammer {
  	position: relative;
  	top: -100px;
  	height: 40px;
  	width: 40px;
  	opacity: 1;
    z-index: -1;

  /*animation: blink 1s  infinite alternate;
  -webkit-animation: blink 1s infinite alternate;*/

  /* Commenting this out due to performance hit */
  /*animation: floating 3s infinite;*/
  /*-webkit-animation: floating 3s infinite;*/
  /* --- */
}

@keyframes floating {
  0% {
    transform: translateY(0%);  
  }
  50% {
    transform: translateY(20%);  
  } 
  100% {
    transform: translateY(0%);
  }     
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);  
  }
  50% {
    -webkit-transform: translateY(20%);  
  } 
  100% {
    -webkit-transform: translateY(0%);
  }     
}



/* SKY */

#hephaestus-popup {
	margin-top: 100px;
	margin-left: 50px;
}

#apollo-popup {
	margin-top: 0px;
	margin-left: 380px;
}
#apollo-popup:after {
	top: 60px;
	left: -28px;
	border-color: transparent #FFFFFF transparent transparent;
}

#artemis-popup {
	margin-top: 60px;
	margin-left: 300px;
}
#artemis-popup:after {
	top: 60px;
	left: -28px;
	border-color: transparent #FFFFFF transparent transparent;
}

#atlas-popup {
	margin-top: -140px;
	margin-left: 45px;
}



#zeus-popup {
	margin-left: -40px;
}

#hera-popup {
	margin-left: -140px;
}

#aphrodite-popup {
	margin-left: -50px;
}
#aphrodite-popup:after {
	left: 100px;
}

#hermes-popup {
	margin-left: -110px;
	margin-top: -240px;
}

#eros-popup {
	width: 400px;
	margin-top: -20px;
	margin-left: -510px;
}
#eros-popup:after {
	top: 60px;
	left: 100%;
	border-color: transparent transparent transparent #FFFFFF;
}



/* LAND */

#heracles-popup {
	margin-left: -65px;
	margin-top: -180px;
}

#narcissus-popup  {
	margin-left: -180px;
}

#demeter-popup {
	margin-top: -170px;
	margin-left: -120px;
}

#hind-popup {
	margin-top: -170px;
	margin-left: -70px;
}

#daphne-popup {
	margin-left: -190px;
}

#hyacinthus-popup {
	margin-left: -150px;
}

#psyche-popup {
	margin-left: -150px;
}

#orpheus-popup {
	margin-left: -110px;
}

#asclepius-popup {
	margin-left: -195px;
}

#hydra-popup {
	margin-top: -20px;
	margin-left: 60px;
}

#clytie-popup {
	margin-left: -190px;
}


/* UNDERWORLD */

#cerberus-popup {
	margin-top: -185px;
	margin-left: -130px;
}

#eurydice-popup {
	margin-left: -165px;
}

#charon-popup {
	margin-top: -180px;
	margin-left: -70px;
}

#persephone-popup {
	margin-left: -190px;
}

#hades-popup {
	margin-top: -175px;
	margin-left: -115px;
}



/* SEA */

#athene-popup {
	margin-top: 0px;
	margin-left: 390px;
}
#athene-popup:after {
	top: 100px;
	left: -28px;
	border-color: transparent #FFFFFF transparent transparent;
}

#daedalus-popup {
	margin-left: -40px;
}
#daedalus-popup:after {
	left: 40%;
}

#theseus-popup {
	margin-left: -240px;
}
#theseus-popup:after {
	left: 305px;
}

#seagull-popup {
	margin-left: -200px;
}
#seagull-popup:after {
	left: 250px;
}

#birds-popup {
	margin-left: -180px;
}

#poseidon-popup {
	margin-top: -150px;
	margin-left: 50px;
}

#icarus-popup {
	width: 400px;
	margin-top: -80px;
	margin-left: -520px;
}
#icarus-popup:after {
	top: 100px;
	left: 100%;
	border-color: transparent transparent transparent #FFFFFF;
}

#bull-popup {
	margin-left: -160px;
}

#geryon-popup {
	margin-left: -110px;
	margin-top: -185px;
}
#geryon-popup:after {
	left: 200px;
}


/* LABYRINTH */

#ariadne-popup {
	margin-left: -160px;
}

#minotaur-popup {
	margin-left: -135px;
}


body, p, form, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    width: 100%;
}

#main-container {
	box-sizing: border-box;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;

  /* Prevents vertical centering of #dom-stage from being blurry - see http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ */
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#dom-stage {
	box-sizing: border-box;
	height: 100%;
	margin: 0 auto;
	max-height: 752px;
	max-width: 1280px;
	overflow: hidden;
	position: relative;
	/*top: 0;*/
	width: 100%;

  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main-stage {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}



.character-wrapper {
	cursor: default;
}
	.character-wrapper > .character-img,
	.character-wrapper > .mask {
		display: none;
	}

#clytie {
	left: 500px;
	top: 350px;
}


#zeus,
#hera,
#apollo,
#hermes,
#hephaestus,
#aphrodite,
#artemis,
/* --- */
#clytie,
.character-wrapper {
	height: 0;
	width: 0;
}