@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*:lang(en),
*:lang(ja) {
  font-family: "source-han-serif-japanese", "MS Mincho", "\5C0F\585A\660E\671D   Pro", serif; }
  *:lang(en) .sans, *:lang(en).sans,
  *:lang(ja) .sans,
  *:lang(ja).sans {
    font-family: "source-han-sans-japanese", sans-serif; }

*:lang(ko) {
  font-family: "source-han-serif-korean", "AppleMyungjo", "\C77C\BC18\CCB4", "\B098\B214\BA85\C870", serif; }
  *:lang(ko) .sans, *:lang(ko).sans {
    font-family: "source-han-sans-korean", sans-serif; }

*:lang(zh-Hans) {
  font-family: "source-han-serif-sc", "SimSun", "\5B8B\4F53", serif; }
  *:lang(zh-Hans) .sans, *:lang(zh-Hans).sans {
    font-family: "source-han-sans-simplified-c", sans-serif; }

*:lang(zh-Hant) {
  font-family: "source-han-serif-tc", "PMingLiU", "SimSun", serif; }
  *:lang(zh-Hant) .sans, *:lang(zh-Hant).sans {
    font-family: "source-han-sans-traditional", sans-serif; }

body:lang(zh-Hans) {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }

.container {
  position: relative; }
  @media screen and (min-width: 1301px) {
    .container {
      width: 1041px;
      margin: 0 auto; } }
  @media screen and (min-width: 1024px) and (max-width: 1300px) {
    .container {
      width: auto;
      margin: 0 120px; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .container {
      width: auto;
      padding: 0 40px;
      overflow-x: hidden; } }
  @media screen and (max-width: 640px) {
    .container {
      width: auto;
      padding: 0 20px;
      overflow-x: hidden; } }

.overflow-wrapper {
  overflow: hidden;
  width: 100%; }

.clr:after {
  content: "";
  display: block;
  clear: both; }

a {
  color: #000;
  text-decoration: none;
  text-indent: 0; }

p {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.667;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @media screen and (max-width: 1023px) {
    p {
      font-size: 18px; } }
  @media screen and (max-width: 768px) {
    p {
      font-size: 16px; } }

p a {
  position: relative;
  transition: color 0.3s ease;
  text-shadow: -1px 0 #fff, 1px 0 #fff, -2px 0 #fff, 2px 0 #fff;
  background-image: linear-gradient(to bottom, #666 50%, transparent 50%);
  background-repeat: repeat-x;
  background-size: 6px 0.1em;
  background-position: 0 1.27em; }
  p a:hover {
    color: #666; }

.hanging {
  text-indent: -0.5em; }

textarea:focus,
input:focus,
[contenteditable]:focus {
  outline: 0px solid transparent; }

h1.title {
  font-weight: 900;
  font-size: 48px;
  line-height: 1.44;
  padding-top: 30px; }
  @media screen and (max-width: 1023px) {
    h1.title {
      font-size: 36px; } }
  @media screen and (max-width: 640px) {
    h1.title {
      font-size: 28px; } }

h1.secondary-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 1.35; }
  @media screen and (max-width: 1023px) {
    h1.secondary-title {
      font-size: 30px; } }
  @media screen and (max-width: 640px) {
    h1.secondary-title {
      font-size: 24px; } }

h2.sub-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.44;
  margin-top: 4px; }
  @media screen and (max-width: 1023px) {
    h2.sub-title {
      font-size: 22px; } }
  @media screen and (max-width: 640px) {
    h2.sub-title {
      font-size: 20px; } }

.caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6667;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }
  @media screen and (max-width: 1023px) {
    .caption {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .caption {
      font-size: 12px; } }

.button {
  border-radius: 16px;
  border: solid 1px #000;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: 32px;
  letter-spacing: 0.1em;
  line-height: 30px;
  padding-top: 6px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: background-color 0.3s ease; }
  @media screen and (max-width: 1023px) {
    .button {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .button {
      font-size: 12px; } }
  .button:hover {
    background-color: #000;
    color: #fff; }

.cell {
  position: relative;
  width: 80px;
  height: 80px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.3s ease; }
  .cell:hover, .cell.changing {
    transition: none;
    background-color: #000; }
    .cell:hover:before, .cell:hover:after, .cell.changing:before, .cell.changing:after {
      border-color: #666; }
    .cell:hover span, .cell.changing span {
      color: #fff;
      -webkit-animation: fontAnimation 0.66667s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
              animation: fontAnimation 0.66667s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate; }
      .cell:hover span:before, .cell:hover span:after, .cell.changing span:before, .cell.changing span:after {
        border-color: #666; }
    .cell:hover i:before, .cell.changing i:before {
      border-color: #666; }
  .cell:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-top: dashed 1px #ccc;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0; }
  .cell:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    border-left: dashed 1px #ccc;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0; }
  .cell span {
    font-size: 50px;
    position: absolute;
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 2; }
    .cell span:before {
      content: "";
      position: absolute;
      width: 141%;
      height: 0;
      border-top: dashed 1px #ccc;
      left: -1px;
      top: -1px;
      margin: auto;
      z-index: -1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: left top;
              transform-origin: left top; }
    .cell span:after {
      content: "";
      position: absolute;
      width: 141%;
      height: 0;
      border-top: dashed 1px #ccc;
      right: -1px;
      top: -1px;
      margin: auto;
      z-index: -1;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: right top;
              transform-origin: right top; }
  .cell i {
    display: block;
    padding-bottom: 100%; }
    .cell i:before {
      content: "";
      position: absolute;
      border: dashed 1px #ccc;
      width: 70%;
      height: 70%;
      left: 50%;
      top: -1px;
      -webkit-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.glyph-table {
  position: relative;
  height: 400px;
  overflow: hidden;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc; }
  .glyph-table .cell {
    width: 80px;
    height: 80px;
    float: right; }
    .glyph-table .cell span {
      font-weight: 500;
      font-size: 54px;
      line-height: 75px; }
    .glyph-table .cell i:before {
      border: none; }
    @media screen and (max-width: 1023px) {
      .glyph-table .cell {
        width: calc(100% / 12);
        height: auto; }
        .glyph-table .cell span {
          line-height: calc( (100vw) / 12 * 0.94);
          font-size: calc( (100vw) / 12 * 0.64); } }
    @media screen and (max-width: 640px) {
      .glyph-table .cell {
        width: calc(100% / 8);
        height: auto; }
        .glyph-table .cell span {
          line-height: calc( (100vw) / 8 * 0.94);
          font-size: calc( (100vw) / 8 * 0.64); } }

.container.header.vertical .glyph-table {
  margin-top: 48px; }
  @media screen and (min-width: 1301px) {
    .container.header.vertical .glyph-table {
      width: calc(50vw + 401px); } }
  @media screen and (min-width: 1024px) and (max-width: 1300px) {
    .container.header.vertical .glyph-table {
      width: calc(100vw - 120px); } }
  @media screen and (max-width: 1023px) {
    .container.header.vertical .glyph-table {
      width: calc(100vw);
      height: calc(500vw / 12);
      margin-left: -40px; }
      .container.header.vertical .glyph-table .cell {
        float: left; }
      .container.header.vertical .glyph-table .cell:nth-child(n + 61) {
        display: none; } }
  @media screen and (max-width: 640px) {
    .container.header.vertical .glyph-table {
      height: calc(500vw / 8);
      margin-top: 36px;
      margin-left: -20px; }
      .container.header.vertical .glyph-table .cell:nth-child(n + 41) {
        display: none; } }

@media screen and (min-width: 1023px) {
  .container.header.vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 34px; }
    .container.header.vertical h1, .container.header.vertical h2 {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-font-feature-settings: "vert" 1;
              font-feature-settings: "vert" 1; }
    .container.header.vertical h1.title {
      padding-top: 0;
      margin-right: 80px;
      font-size: 56px;
      width: 73px;
      height: 560px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .container.header.vertical h1.title span {
        display: none; }
    .container.header.vertical h2.sub-title {
      margin-top: 0;
      font-size: 48px;
      line-height: 56px;
      width: 62px;
      height: 560px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      *:lang(ja) .container.header.vertical h2.sub-title {
        width: 124px; }
    .container.header.vertical .glyph-table {
      height: 560px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 80px;
      margin-top: 0; } }

@media screen and (min-width: 1301px) {
  .container.header.vertical h1.title {
    margin-right: 0; } }

.container.header.English:after {
  content: "";
  display: block;
  clear: both; }

.container.header.English .glyph-table {
  margin-top: 48px; }
  @media screen and (min-width: 1301px) {
    .container.header.English .glyph-table {
      width: calc(50vw + 601px);
      float: right; } }
  @media screen and (min-width: 1024px) and (max-width: 1300px) {
    .container.header.English .glyph-table {
      width: calc(100vw - 120px);
      float: right;
      margin-right: 80px; } }
  @media screen and (max-width: 1023px) {
    .container.header.English .glyph-table {
      width: calc(100vw);
      height: calc(500vw / 12);
      margin-left: -40px; }
      .container.header.English .glyph-table .cell {
        float: left; }
      .container.header.English .glyph-table .cell:nth-child(n + 61) {
        display: none; } }
  @media screen and (max-width: 640px) {
    .container.header.English .glyph-table {
      height: calc(500vw / 8);
      margin-top: 36px;
      margin-left: -20px; }
      .container.header.English .glyph-table .cell:nth-child(n + 41) {
        display: none; } }

.navigation {
  position: fixed;
  right: 0;
  top: 464px;
  z-index: 2; }
  @media screen and (max-height: 705px) {
    .navigation {
      top: 264px; } }
  @media screen and (max-height: 505px) {
    .navigation {
      top: 144px; } }
  @media screen and (min-width: 1441px) {
    .navigation {
      width: calc(50% - 600px); } }
  @media screen and (min-width: 1024px) and (max-width: 1440px) {
    .navigation {
      width: 121px; } }
  @media screen and (max-width: 1023px) {
    .navigation {
      display: none; } }
  .navigation .nav-item {
    margin-top: 39px;
    width: 100%;
    height: 41px;
    box-sizing: border-box;
    border-bottom: solid 1px #ccc;
    transition: all 0.3s ease;
    display: block; }
    .navigation .nav-item span {
      display: block;
      width: 80px;
      line-height: 39px;
      text-align: center;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-size: 16px;
      background-color: #fff;
      color: #000;
      border-top: solid 1px #ccc;
      border-left: solid 1px #ccc;
      border-right: solid 1px #ccc;
      transition: background-color 0.3s ease; }
      *:lang(ja) .navigation .nav-item span {
        letter-spacing: 0; }
    .navigation .nav-item:hover {
      cursor: pointer; }
      .navigation .nav-item:hover span {
        background-color: #000 !important;
        color: #fff; }
  .navigation.Chinese {
    top: 304px; }
    @media screen and (max-height: 705px) {
      .navigation.Chinese {
        top: 184px; } }
    @media screen and (max-height: 585px) {
      .navigation.Chinese {
        top: 64px; } }
    .navigation.Chinese .nav-item {
      margin-top: 79px; }
      .navigation.Chinese .nav-item span {
        font-size: 30px;
        height: 81px;
        width: 81px;
        box-sizing: border-box;
        background-color: #fff;
        border-bottom: solid 1px #ccc;
        position: relative;
        text-align: center;
        padding-top: 5px;
        letter-spacing: 10px;
        white-space: nowrap;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-font-feature-settings: "vert" 1;
                font-feature-settings: "vert" 1; }
        .navigation.Chinese .nav-item span:before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          border-top: dashed 1px #ccc; }
        .navigation.Chinese .nav-item span:after {
          content: "";
          position: absolute;
          height: 100%;
          left: 50%;
          top: 0;
          bottom: 0;
          border-left: dashed 1px #ccc; }

.banner {
  padding-top: 30px;
  padding-bottom: 30px; }
  .banner:after {
    content: "";
    display: block;
    clear: both; }
  .banner .logo {
    float: left; }
    .banner .logo img {
      display: block; }
  .banner ul.language {
    margin-top: -30px;
    float: right;
    margin-right: -10px; }
    .banner ul.language li {
      float: left;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      margin-left: 20px; }
      @media screen and (max-width: 1023px) {
        .banner ul.language li {
          font-size: 14px; } }
      @media screen and (max-width: 768px) {
        .banner ul.language li {
          font-size: 12px; } }
      .banner ul.language li.active a, .banner ul.language li.active span {
        color: #999;
        border-color: #ccc; }
      .banner ul.language li a, .banner ul.language li span {
        display: block;
        padding: 41px 10px 10px 10px;
        color: #000;
        text-decoration: none;
        border-left: solid 1px transparent;
        border-right: solid 1px transparent;
        border-bottom: solid 1px transparent; }
  @media screen and (max-width: 768px) {
    .banner {
      padding-bottom: 0; }
      .banner ul.language {
        margin-top: 0;
        margin-right: -20px; }
        .banner ul.language li {
          margin: 0 10px 0 0; }
          .banner ul.language li a, .banner ul.language li span {
            padding: 10px;
            border: none; } }
  @media screen and (max-width: 640px) {
    .banner {
      padding-top: 20px; } }
  @media screen and (max-width: 500px) {
    .banner ul.language {
      float: left;
      width: 100%;
      margin-left: -10px;
      margin-top: 10px; }
      .banner ul.language li {
        margin-right: 0; } }

.container.video {
  margin-top: 60px; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    .container.video {
      width: auto;
      margin: 60px 40px 0 40px;
      padding: 0; } }
  @media screen and (max-width: 640px) {
    .container.video {
      width: auto;
      margin: 60px 20px 0 20px;
      padding: 0; } }

.video-wrapper {
  border: solid 1px #ccc;
  position: relative; }
  .video-wrapper .video-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: auto;
    width: 100px;
    height: 100px;
    cursor: pointer;
    z-index: 2; }
    .video-wrapper .video-button path {
      fill: #000;
      transition: fill 0.3s ease; }
    .video-wrapper .video-button:hover path {
      fill: #07b57a !important; }
  .video-wrapper svg.video-illustration {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0; }
    .video-wrapper svg.video-illustration path {
      stroke-dasharray: 1000;
      stroke-dashoffset: 0;
      transition: stroke-dashoffset 2s ease; }

@-webkit-keyframes svgDraw {
  to {
    stroke-dashoffset: 251; } }

@keyframes svgDraw {
  to {
    stroke-dashoffset: 251; } }
    .video-wrapper svg.video-illustration path.caligraphy-stroke {
      stroke-dasharray: 250;
      -webkit-animation: svgDraw 2s ease alternate infinite;
              animation: svgDraw 2s ease alternate infinite; }
  .video-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease; }
  .video-wrapper:hover svg.video-illustration path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1001;
    -webkit-animation: none;
            animation: none; }
  .video-wrapper:hover img {
    opacity: 1; }
  .video-wrapper:hover .video-button path {
    fill: #fff; }

.container.one-column p {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin-bottom: 24px; }

.container.glyph-regional-design {
  margin-top: 60px; }
  .container.glyph-regional-design .glyph-info {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc; }
    .container.glyph-regional-design .glyph-info .glyph-info-item {
      position: relative;
      width: 25%;
      box-sizing: border-box;
      border-right: solid 1px #ccc;
      padding-top: 8px;
      padding-bottom: 8px; }
      @media screen and (max-width: 859px) {
        .container.glyph-regional-design .glyph-info .glyph-info-item {
          width: 50%; }
          .container.glyph-regional-design .glyph-info .glyph-info-item:nth-child(1), .container.glyph-regional-design .glyph-info .glyph-info-item:nth-child(2) {
            border-bottom: solid 1px #ccc; } }
      .container.glyph-regional-design .glyph-info .glyph-info-item .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        line-height: 22px; }
        .container.glyph-regional-design .glyph-info .glyph-info-item .row span.label {
          width: 105px;
          margin-right: 8px;
          font-weight: 700;
          font-size: 16px;
          color: #666;
          letter-spacing: 0.1em;
          text-align: right;
          text-transform: uppercase;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          @media screen and (max-width: 1023px) {
            .container.glyph-regional-design .glyph-info .glyph-info-item .row span.label {
              font-size: 14px; } }
          @media screen and (max-width: 768px) {
            .container.glyph-regional-design .glyph-info .glyph-info-item .row span.label {
              font-size: 12px; } }
          *:lang(en) .container.glyph-regional-design .glyph-info .glyph-info-item .row span.label {
            font-size: 12px;
            font-weight: 900; }
        .container.glyph-regional-design .glyph-info .glyph-info-item .row span.value {
          font-weight: 700;
          font-size: 16px; }
          @media screen and (max-width: 1023px) {
            .container.glyph-regional-design .glyph-info .glyph-info-item .row span.value {
              font-size: 14px; } }
          @media screen and (max-width: 768px) {
            .container.glyph-regional-design .glyph-info .glyph-info-item .row span.value {
              font-size: 12px; } }
      @media screen and (max-width: 480px) {
        .container.glyph-regional-design .glyph-info .glyph-info-item .row {
          display: block;
          padding-left: 10px; }
          .container.glyph-regional-design .glyph-info .glyph-info-item .row:first-child {
            margin-bottom: 6px; }
          .container.glyph-regional-design .glyph-info .glyph-info-item .row span.label {
            display: block;
            text-align: left; } }
  .container.glyph-regional-design .glyph-graphic {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .container.glyph-regional-design .glyph-graphic .cell {
      height: auto;
      border-color: #ccc; }
      .container.glyph-regional-design .glyph-graphic .cell span {
        font-weight: 700; }
      @media screen and (min-width: 1301px) {
        .container.glyph-regional-design .glyph-graphic .cell {
          width: 25%; }
          .container.glyph-regional-design .glyph-graphic .cell span {
            line-height: calc( 1041px * 0.25 * 0.94);
            font-size: calc( 1041px * 0.2); } }
      @media screen and (min-width: 1024px) and (max-width: 1300px) {
        .container.glyph-regional-design .glyph-graphic .cell {
          width: 25%; }
          .container.glyph-regional-design .glyph-graphic .cell span {
            line-height: calc( (100vw - 240px) * 0.25 * 0.94);
            font-size: calc( (100vw - 240px) * 0.25 * 0.8); } }
      @media screen and (min-width: 860px) and (max-width: 1023px) {
        .container.glyph-regional-design .glyph-graphic .cell {
          width: 25%; }
          .container.glyph-regional-design .glyph-graphic .cell span {
            line-height: calc( (100vw - 80px) * 0.25 * 0.94);
            font-size: calc( (100vw - 80px) * 0.25 * 0.8); } }
      @media screen and (min-width: 641px) and (max-width: 859px) {
        .container.glyph-regional-design .glyph-graphic .cell {
          width: 50%; }
          .container.glyph-regional-design .glyph-graphic .cell span {
            line-height: calc( (100vw - 80px) * 0.5 * 0.94);
            font-size: calc( (100vw - 80px) * 0.5 * 0.8); } }
      @media screen and (max-width: 640px) {
        .container.glyph-regional-design .glyph-graphic .cell {
          width: 50%; }
          .container.glyph-regional-design .glyph-graphic .cell span {
            line-height: calc( (100vw - 40px) * 0.5 * 0.94);
            font-size: calc( (100vw - 40px) * 0.5 * 0.8); } }
  .container.glyph-regional-design .caption {
    width: calc(100% - 320px);
    margin-top: 10px;
    float: left; }
    @media screen and (max-width: 1023px) {
      .container.glyph-regional-design .caption {
        width: 100%; } }
  .container.glyph-regional-design .button {
    float: right;
    margin-top: 14px;
    position: relative;
    overflow: hidden; }
  .container.glyph-regional-design.game-on {
    cursor: crosshair; }
    .container.glyph-regional-design.game-on .cell {
      cursor: crosshair; }
      .container.glyph-regional-design.game-on .cell .spot {
        position: absolute;
        border: dashed 1px transparent;
        border-radius: 50%;
        z-index: 3; }
        .container.glyph-regional-design.game-on .cell .spot.spot1 {
          width: 38%;
          height: 38%;
          left: 39%;
          top: 10%; }
        .container.glyph-regional-design.game-on .cell .spot.spot2 {
          width: 28%;
          height: 28%;
          left: 27%;
          top: 41%; }
        .container.glyph-regional-design.game-on .cell .spot.spot3 {
          width: 20%;
          height: 20%;
          left: 57%;
          top: 37%; }
        .container.glyph-regional-design.game-on .cell .spot.spot4 {
          width: 16%;
          height: 16%;
          left: 70%;
          top: 31%; }
      .container.glyph-regional-design.game-on .cell:hover {
        background-color: #fff; }
        .container.glyph-regional-design.game-on .cell:hover:before, .container.glyph-regional-design.game-on .cell:hover:after,
        .container.glyph-regional-design.game-on .cell:hover span:before, .container.glyph-regional-design.game-on .cell:hover span:after,
        .container.glyph-regional-design.game-on .cell:hover i:before {
          border-color: #ccc; }
      .container.glyph-regional-design.game-on .cell span {
        color: #07b57a;
        -webkit-animation: none;
                animation: none; }
    .container.glyph-regional-design.game-on.spot1-found .spot1 {
      border: dashed 1px #000; }
    .container.glyph-regional-design.game-on.spot2-found .spot2 {
      border: dashed 1px #000; }
    .container.glyph-regional-design.game-on.spot3-found .spot3 {
      border: dashed 1px #000; }
    .container.glyph-regional-design.game-on.spot4-found .spot4 {
      border: dashed 1px #000; }
    .container.glyph-regional-design.game-on .button {
      text-indent: -9999px;
      color: transparent;
      min-width: 200px; }
      .container.glyph-regional-design.game-on .button:after, .container.glyph-regional-design.game-on .button:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0; }
      .container.glyph-regional-design.game-on .button:before {
        width: 16px;
        border-radius: 16px 0 0 16px;
        transition: width 0.3s ease;
        background-color: #07b57a; }
      .container.glyph-regional-design.game-on .button:after {
        right: 0;
        opacity: 0;
        border-radius: 16px;
        background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0My4xOTgiIGhlaWdodD0iMjEuMDg0IiB2aWV3Qm94PSIwIDAgNDMuMTk4IDIxLjA4NCI+PHRpdGxlPmV5ZS1zb2xpZDwvdGl0bGU+PHBhdGggZD0iTTIyLjEzNywyMS4wODRDOC4wNjEsMjEuMDg0LjMsMTAuNSwwLjIxOSwxMC40TDAsMTAuMDkzbDAuMjMxLS4zQTI5LjMzOCwyOS4zMzgsMCwwLDEsMjIuMTM3LDBjMTMsMCwyMC43NTMsOS43LDIwLjgzLDkuOGwwLjIzMSwwLjMtMC4yMTkuM0M0Mi45LDEwLjUsMzUuMTQ5LDIxLjA4NCwyMi4xMzcsMjEuMDg0Wk0xLjI2OSwxMC4xMTljMS4zNzUsMS43MDgsOC42NTgsOS45NjUsMjAuODY4LDkuOTY1LDExLjI1NiwwLDE4LjQzMi04LjI1OCwxOS43OTQtOS45NjVDNDAuNTM3LDguNTIzLDMzLjM2OCwxLDIyLjEzNywxQTI4LjQ0OCwyOC40NDgsMCwwLDAsMS4yNjksMTAuMTE5WiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMS42LDE4LjkzOGE5LjQ2OSw5LjQ2OSwwLDEsMSw5LjQ2OS05LjQ2OUE5LjQ4LDkuNDgsMCwwLDEsMjEuNiwxOC45MzhaIiBmaWxsPSIjZmZmIi8+PC9zdmc+) center center no-repeat #000;
        transition: opacity 0.3s ease; }
    .container.glyph-regional-design.game-on .button:hover:after {
      opacity: 1; }
    .container.glyph-regional-design.game-on.step-1 .button:before {
      width: 25%; }
    .container.glyph-regional-design.game-on.step-2 .button:before {
      width: 50%; }
    .container.glyph-regional-design.game-on.step-3 .button:before {
      width: 75%; }
    .container.glyph-regional-design.game-on.step-4 .button:before {
      width: 100%;
      border-radius: 16px; }
    .container.glyph-regional-design.game-on.step-4 .button:after {
      opacity: 1;
      background-color: #07b57a; }
    .container.glyph-regional-design.game-on.view-results .spot {
      border: dashed 1px #000; }
    .container.glyph-regional-design.game-on.view-results .button:after {
      opacity: 1;
      background-color: #07b57a; }

.container.variations .weight-info {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden; }
  @media screen and (min-width: 860px) and (max-width: 1023px) {
    .container.variations .weight-info {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .container.variations .weight-info span {
    display: block;
    width: calc((100% - 1px )/ 7);
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    border-right: solid 1px #ccc;
    box-sizing: border-box; }
    @media screen and (min-width: 860px) {
      .container.variations .weight-info span {
        width: calc((100% - 1px )/ 7); } }
    @media screen and (min-width: 481px) and (max-width: 859px) {
      .container.variations .weight-info span {
        width: 25%;
        border-bottom: solid 1px #ccc; }
        .container.variations .weight-info span:nth-child(n + 5) {
          border-bottom: none; } }
    @media screen and (max-width: 480px) {
      .container.variations .weight-info span {
        width: calc(100% / 3);
        border-bottom: solid 1px #ccc; }
        .container.variations .weight-info span:nth-child(n + 7) {
          border-bottom: none; } }
    .container.variations .weight-info span:nth-child(1) {
      font-weight: 200; }
    .container.variations .weight-info span:nth-child(2) {
      font-weight: 300; }
    .container.variations .weight-info span:nth-child(3) {
      font-weight: 400; }
    .container.variations .weight-info span:nth-child(4) {
      font-weight: 500; }
    .container.variations .weight-info span:nth-child(5) {
      font-weight: 600; }
    .container.variations .weight-info span:nth-child(6) {
      font-weight: 700; }
    .container.variations .weight-info span:nth-child(7) {
      font-weight: 900; }

.container.variations .weight-graphic {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden; }
  @media screen and (min-width: 860px) and (max-width: 1023px) {
    .container.variations .weight-graphic {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .container.variations .weight-graphic .cell {
    height: auto;
    border-color: #ccc; }
    @media screen and (min-width: 1301px) {
      .container.variations .weight-graphic .cell {
        width: calc( (100% - 1px) / 7); }
        .container.variations .weight-graphic .cell span {
          line-height: calc( 1041px / 7 * 0.94);
          font-size: calc( 1041px / 7 * 0.8); } }
    @media screen and (min-width: 1024px) and (max-width: 1300px) {
      .container.variations .weight-graphic .cell {
        width: calc((100% - 1px )/ 7); }
        .container.variations .weight-graphic .cell span {
          line-height: calc( (100vw - 240px) / 7 * 0.94);
          font-size: calc( (100vw - 240px) / 7 * 0.8); } }
    @media screen and (min-width: 860px) and (max-width: 1023px) {
      .container.variations .weight-graphic .cell {
        width: calc((100% - 1px )/ 7); }
        .container.variations .weight-graphic .cell span {
          line-height: calc( (100vw - 80px) / 7 * 0.94);
          font-size: calc( (100vw - 80px) / 7 * 0.8); } }
    @media screen and (min-width: 641px) and (max-width: 859px) {
      .container.variations .weight-graphic .cell {
        width: 25%; }
        .container.variations .weight-graphic .cell span {
          line-height: calc( (100vw - 80px) / 4 * 0.94);
          font-size: calc( (100vw - 80px) / 4 * 0.8); } }
    @media screen and (max-width: 640px) {
      .container.variations .weight-graphic .cell {
        width: 25%; }
        .container.variations .weight-graphic .cell span {
          line-height: calc( (100vw - 40px) / 4 * 0.94);
          font-size: calc( (100vw - 40px) / 4 * 0.8); } }
    @media screen and (max-width: 480px) {
      .container.variations .weight-graphic .cell {
        width: calc(100% / 3); }
        .container.variations .weight-graphic .cell span {
          line-height: calc( (100vw - 40px) / 3 * 0.94);
          font-size: calc( (100vw - 40px) / 3 * 0.8); } }
    .container.variations .weight-graphic .cell:nth-child(1) span {
      font-weight: 200; }
    .container.variations .weight-graphic .cell:nth-child(2) span {
      font-weight: 300; }
    .container.variations .weight-graphic .cell:nth-child(3) span {
      font-weight: 400; }
    .container.variations .weight-graphic .cell:nth-child(4) span {
      font-weight: 500; }
    .container.variations .weight-graphic .cell:nth-child(5) span {
      font-weight: 600; }
    .container.variations .weight-graphic .cell:nth-child(6) span {
      font-weight: 700; }
    .container.variations .weight-graphic .cell:nth-child(7) span {
      font-weight: 900; }

.container.variations .caption {
  width: calc(100% - 320px);
  margin-top: 10px;
  float: left; }
  @media screen and (max-width: 1023px) {
    .container.variations .caption {
      width: 100%; } }

.container.variations .tester {
  display: inline-block;
  float: right; }
  .container.variations .tester span.label {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-right: 4px;
    height: 36px;
    line-height: 36px; }
  .container.variations .tester input {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    width: 30px;
    outline: none;
    border: none;
    border-bottom: solid 1px #000;
    border-radius: none;
    -webkit-border-radius: 0px; }

.container.glyph-count {
  margin-top: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 640px) {
    .container.glyph-count {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .container.glyph-count .glyph-count-info {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .container.glyph-count .glyph-count-info .row {
      margin-bottom: 30px; }
      .container.glyph-count .glyph-count-info .row:last-child {
        margin-bottom: 0; }
      .container.glyph-count .glyph-count-info .row .number {
        display: inline-block;
        font-weight: 200;
        font-size: 70px;
        width: 250px;
        text-align: right;
        margin-right: 10px; }
      .container.glyph-count .glyph-count-info .row .label {
        display: inline-block;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    @media screen and (max-width: 1023px) {
      .container.glyph-count .glyph-count-info {
        padding-top: 30px; }
        .container.glyph-count .glyph-count-info .row .number {
          font-size: 50px;
          width: 180px; } }
    @media screen and (max-width: 640px) {
      .container.glyph-count .glyph-count-info {
        padding-top: 0;
        margin-bottom: 20px; }
        .container.glyph-count .glyph-count-info .row {
          margin-bottom: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline; }
          .container.glyph-count .glyph-count-info .row .number {
            font-size: 36px;
            width: 130px; } }
  .container.glyph-count .glyph-count-graphic {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    padding: 4px;
    background-color: #fff;
    z-index: 3;
    overflow-x: hidden;
    width: 100vw; }
    .container.glyph-count .glyph-count-graphic:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 288px;
      left: 0;
      top: 0;
      box-sizing: border-box;
      border-top: solid 2px #ccc;
      border-bottom: solid 2px #ccc;
      border-left: solid 2px #ccc; }
    .container.glyph-count .glyph-count-graphic:after {
      content: "";
      position: absolute;
      height: 280px;
      left: 4px;
      top: 4px;
      right: 0;
      box-sizing: border-box;
      border-top: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
      border-left: solid 1px #ccc;
      z-index: -1; }
    .container.glyph-count .glyph-count-graphic:before, .container.glyph-count .glyph-count-graphic:after {
      transition: border-color ease 0.3s; }
    .container.glyph-count .glyph-count-graphic:hover:before, .container.glyph-count .glyph-count-graphic:hover:after {
      border-color: #000; }
    .container.glyph-count .glyph-count-graphic:hover div {
      -webkit-animation: fontAnimation 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
              animation: fontAnimation 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+2), .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+12) {
        -webkit-animation-delay: 0.14286s;
                animation-delay: 0.14286s; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+3), .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+11) {
        -webkit-animation-delay: 0.28571s;
                animation-delay: 0.28571s; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+4), .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+10) {
        -webkit-animation-delay: 0.42857s;
                animation-delay: 0.42857s; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+5), .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+9) {
        -webkit-animation-delay: 0.57143s;
                animation-delay: 0.57143s; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+6), .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+8) {
        -webkit-animation-delay: 0.71429s;
                animation-delay: 0.71429s; }
      .container.glyph-count .glyph-count-graphic:hover div:nth-child(13n+7) {
        -webkit-animation-delay: 0.85714s;
                animation-delay: 0.85714s; }
    .container.glyph-count .glyph-count-graphic .glyph-count-graphic-legend {
      font-family: "source-han-serif-japanese", "MS Mincho", "\5C0F\585A\660E\671D   Pro", serif;
      font-weight: 500; }
    @media screen and (max-width: 640px) {
      .container.glyph-count .glyph-count-graphic {
        margin-left: 0;
        padding-left: 0; }
        .container.glyph-count .glyph-count-graphic:after {
          left: 0;
          border-left: none; } }
    .container.glyph-count .glyph-count-graphic div {
      height: 282px;
      width: 120px;
      padding-top: 6px;
      -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
      -webkit-font-feature-settings: "vert" 1;
              font-feature-settings: "vert" 1;
      font-size: 24px;
      line-height: 40px;
      letter-spacing: 11px;
      position: relative;
      padding-bottom: 45px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      overflow: hidden; }
      .container.glyph-count .glyph-count-graphic div:before {
        content: "";
        position: absolute;
        bottom: 35px;
        left: 7px;
        right: 7px;
        height: 3px;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc; }
      .container.glyph-count .glyph-count-graphic div:after {
        white-space: pre;
        position: absolute;
        bottom: 0;
        left: 7px;
        right: 7px;
        text-align: right;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        font-family: "source-han-serif-japanese", "MS Mincho", "\5C0F\585A\660E\671D   Pro", serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #999;
        letter-spacing: 0.04em; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+1), .container.glyph-count .glyph-count-graphic div:nth-child(13n+13) {
        font-weight: 200; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+1):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+13):after {
          content: "24px\A   ExtraLight"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+2), .container.glyph-count .glyph-count-graphic div:nth-child(13n+12) {
        font-weight: 300; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+2):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+12):after {
          content: "24px\A   Light"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+3), .container.glyph-count .glyph-count-graphic div:nth-child(13n+11) {
        font-weight: 400; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+3):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+11):after {
          content: "24px\A   Regular"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+4), .container.glyph-count .glyph-count-graphic div:nth-child(13n+10) {
        font-weight: 500; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+4):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+10):after {
          content: "24px\A   Medium"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+5), .container.glyph-count .glyph-count-graphic div:nth-child(13n+9) {
        font-weight: 600; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+5):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+9):after {
          content: "24px\A   SemiBold"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+6), .container.glyph-count .glyph-count-graphic div:nth-child(13n+8) {
        font-weight: 700; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+6):after, .container.glyph-count .glyph-count-graphic div:nth-child(13n+8):after {
          content: "24px\A   Bold"; }
      .container.glyph-count .glyph-count-graphic div:nth-child(13n+7) {
        font-weight: 900; }
        .container.glyph-count .glyph-count-graphic div:nth-child(13n+7):after {
          content: "24px\A   Heavy"; }
      @media screen and (max-width: 1199px) {
        .container.glyph-count .glyph-count-graphic div {
          width: 80px; } }
      @media screen and (min-width: 641px) and (max-width: 800px) {
        .container.glyph-count .glyph-count-graphic div {
          width: 40px;
          padding-bottom: 0; }
          .container.glyph-count .glyph-count-graphic div:before, .container.glyph-count .glyph-count-graphic div:after {
            content: none !important; } }

.container.team .video-CTA {
  margin-top: 40px;
  margin-bottom: 40px;
  border: solid 1px #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .container.team .video-CTA .video-wrapper {
    border: none;
    border-right: solid 1px #ccc;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media screen and (max-width: 600px) {
      .container.team .video-CTA .video-wrapper {
        border-right: none;
        border-bottom: solid 1px #ccc; } }
  .container.team .video-CTA img {
    height: 160px;
    width: auto; }
    @media screen and (max-width: 600px) {
      .container.team .video-CTA img {
        width: 100%;
        height: auto; } }
  .container.team .video-CTA h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.5;
    padding: 10px 20px; }
    @media screen and (max-width: 1040px) {
      .container.team .video-CTA h2 {
        font-size: 22px; } }
    @media screen and (max-width: 800px) {
      .container.team .video-CTA h2 {
        font-size: 18px; } }
  @media screen and (max-width: 600px) {
    .container.team .video-CTA {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.container.team .designers {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .container.team .designers .designer {
    width: calc( (100% - 23px * 2) / 3);
    margin-bottom: 40px; }
    .container.team .designers .designer .picture {
      border: solid 1px #ccc;
      position: relative; }
      .container.team .designers .designer .picture svg {
        position: absolute;
        top: 0; }
        .container.team .designers .designer .picture svg path,
        .container.team .designers .designer .picture svg polyline,
        .container.team .designers .designer .picture svg polygon {
          vector-effect: non-scaling-stroke;
          stroke-width: 1;
          stroke-dasharray: 500;
          stroke-dashoffset: 0;
          transition: stroke-dashoffset 1s ease; }
      .container.team .designers .designer .picture img {
        display: block;
        width: 100%;
        height: auto;
        opacity: 0;
        transition: all 0.5s ease; }
      .container.team .designers .designer .picture:hover img {
        opacity: 1; }
      .container.team .designers .designer .picture:hover svg path,
      .container.team .designers .designer .picture:hover svg polyline,
      .container.team .designers .designer .picture:hover svg polygon {
        stroke-dashoffset: 501; }
    .container.team .designers .designer p strong {
      font-weight: 700; }
  @media screen and (max-width: 800px) {
    .container.team .designers {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .container.team .designers .designer {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .container.team .designers .designer .picture {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          -webkit-box-flex: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0;
          width: 260px;
          height: 260px;
          margin-right: 20px; }
        .container.team .designers .designer p {
          margin-top: 0; } }
  @media screen and (max-width: 580px) {
    .container.team .designers {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .container.team .designers .designer {
        width: 100%;
        display: block; }
        .container.team .designers .designer .picture {
          width: 260px;
          height: 260px;
          margin: 0 auto; }
        .container.team .designers .designer p {
          margin-top: 20px; } }

.font-card {
  width: 274px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  padding-bottom: 56px;
  position: relative;
  cursor: pointer; }
  .font-card .preview {
    height: 123px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
    border-radius: 3px 3px 0 0; }
    .font-card .preview.sans {
      font-weight: 500; }
  .font-card .font-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #ccc;
    padding: 12px 0;
    font-size: 12px;
    font-weight: 700;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .font-card .font-info .font-name {
      width: 100%;
      padding: 0 15px;
      white-space: nowrap;
      overflow: hidden;
      line-height: 1.4;
      margin-bottom: 5px;
      position: relative; }
      .font-card .font-info .font-name:after {
        content: "";
        position: absolute;
        width: 30px;
        top: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 72%); }
    .font-card .font-info .foundry {
      color: #666;
      margin-left: 15px; }
    .font-card .font-info .count {
      margin-right: 15px; }
  .font-card:hover {
    border-color: #000; }
    .font-card:hover .font-info {
      background-color: #000;
      border-top: 1px solid #000;
      color: #fff; }
      .font-card:hover .font-info .font-name {
        white-space: initial; }
        .font-card:hover .font-info .font-name:after {
          background: none; }
      .font-card:hover .font-info .foundry {
        color: #999;
        margin-left: 15px; }

.container.fonts {
  margin-bottom: 100px; }
  .container.fonts p {
    margin-top: 24px; }
  .container.fonts .font-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .container.fonts .font-cards .font-card {
      width: calc( (100% - 23px * 3) / 4);
      margin-top: 23px; }
      @media screen and (max-width: 1023px) {
        .container.fonts .font-cards .font-card {
          width: calc( (100% - 23px * 2) / 3); } }
      @media screen and (max-width: 768px) {
        .container.fonts .font-cards .font-card {
          width: calc( (100% - 20px * 1) / 2);
          margin-top: 20px; } }
      @media screen and (max-width: 480px) {
        .container.fonts .font-cards .font-card {
          width: 100%;
          margin-top: 20px; } }
  .container.fonts .link-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 23px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .container.fonts .link-cards .link-card {
      cursor: pointer;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 20px;
      width: calc( (100% - 23px * 2) / 3);
      margin-bottom: 23px;
      box-sizing: border-box;
      transition: all 0.3s ease;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .container.fonts .link-cards .link-card span {
        margin-left: 20px;
        font-weight: 300;
        font-size: 24px;
        line-height: 1.4; }
      @media screen and (max-width: 1140px) {
        .container.fonts .link-cards .link-card span {
          font-size: 16px; } }
      .container.fonts .link-cards .link-card:hover {
        background-color: #000;
        color: #fff;
        transition: none; }
        .container.fonts .link-cards .link-card:hover svg path {
          stroke: #fff; }
    .container.fonts .link-cards.three-cards .link-card {
      width: calc( (100% - 23px * 2) / 3); }
      @media screen and (max-width: 768px) {
        .container.fonts .link-cards.three-cards .link-card {
          width: calc( (100% - 23px) / 2); } }
      @media screen and (max-width: 480px) {
        .container.fonts .link-cards.three-cards .link-card {
          width: 100%; } }
    .container.fonts .link-cards.two-cards .link-card {
      width: calc( (100% - 23px) / 2); }
      @media screen and (max-width: 480px) {
        .container.fonts .link-cards.two-cards .link-card {
          width: 100%; } }

.container.typekit {
  margin-top: 60px;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .container.typekit {
      overflow-x: initial; } }
  .container.typekit h1.secondary-title {
    margin-bottom: 20px; }
    @media screen and (min-width: 1200px) {
      .container.typekit h1.secondary-title {
        width: 87%;
        margin-left: auto;
        margin-right: auto; } }
  .container.typekit .typekit-graphic {
    position: relative;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 1023px) {
      .container.typekit .typekit-graphic {
        margin-top: 30px; } }
    .container.typekit .typekit-graphic .hide {
      display: none; }
    .container.typekit .typekit-graphic .desktop-use {
      width: 1000px;
      height: auto;
      position: relative;
      right: calc(50% + 20px); }
      .container.typekit .typekit-graphic .desktop-use .desktop-image {
        display: none; }
      .container.typekit .typekit-graphic .desktop-use .desktop-image-no-menu {
        display: block; }
      .container.typekit .typekit-graphic .desktop-use .text {
        position: absolute;
        font-size: 60px;
        font-weight: 700;
        left: 345px;
        top: 227px; }
      .container.typekit .typekit-graphic .desktop-use .invisible-text {
        display: none; }
      .container.typekit .typekit-graphic .desktop-use .font-menu {
        position: absolute;
        left: 510px;
        top: 205px; }
        .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice {
          cursor: pointer;
          line-height: 15px;
          height: 18px;
          width: 435px;
          text-align: left;
          padding-left: 46px;
          border-top: solid 1px transparent;
          border-bottom: solid 1px transparent;
          margin-top: -1px;
          transition: border-color 0.2s ease; }
          .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice:hover {
            border-color: #000;
            transition: none; }
          .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice.active {
            border-color: #000;
            background-color: #000;
            color: #fff; }
          .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .name {
            font-weight: 700;
            font-size: 10px;
            display: inline-block;
            width: 282px;
            position: relative;
            top: -1px; }
          .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample {
            font-size: 12px; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.extralight {
              font-weight: 200; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.light {
              font-weight: 300; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.regular {
              font-weight: 400; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.medium {
              font-weight: 500; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.semi-bold {
              font-weight: 600; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.bold {
              font-weight: 700; }
            .container.typekit .typekit-graphic .desktop-use .font-menu .font-choice .sample.heavy {
              font-weight: 900; }
    .container.typekit .typekit-graphic .web-use {
      width: 1000px;
      height: auto;
      position: absolute;
      left: calc(50% + 20px);
      background-color: #fff;
      z-index: 3; }
      .container.typekit .typekit-graphic .web-use img {
        width: 100%;
        height: auto; }
      .container.typekit .typekit-graphic .web-use .code {
        position: absolute;
        left: 15px;
        top: 458px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .container.typekit .typekit-graphic .web-use .code xmp {
          font-weight: 400;
          font-size: 16px;
          line-height: 20px;
          text-align: left;
          padding: 0;
          margin: 0;
          -webkit-font-feature-settings: "hwid" 0;
          font-feature-settings: "hwid" 0;
          word-wrap: break-word;
          white-space: pre-wrap; }
          .container.typekit .typekit-graphic .web-use .code xmp.html {
            width: 260px;
            margin-right: 30px; }
        .container.typekit .typekit-graphic .web-use .code.sans xmp {
          font-family: "source-han-sans-japanese", sans-serif; }
      .container.typekit .typekit-graphic .web-use .grid {
        display: none; }
      .container.typekit .typekit-graphic .web-use.grid-on .grid {
        display: block; }
      .container.typekit .typekit-graphic .web-use.hwid-on .code xmp {
        -webkit-font-feature-settings: "hwid";
        font-feature-settings: "hwid"; }
    @media screen and (max-width: 1350px) {
      .container.typekit .typekit-graphic .desktop-use {
        right: calc(50% + 50vw - 660px); }
      .container.typekit .typekit-graphic .web-use {
        left: calc(50% - 50vw + 700px); } }
    @media screen and (max-width: 1240px) {
      .container.typekit .typekit-graphic .hide {
        display: block; }
      .container.typekit .typekit-graphic .desktop-use {
        right: calc(50% + 20px);
        width: 80%; }
        .container.typekit .typekit-graphic .desktop-use .desktop-image {
          display: block; }
        .container.typekit .typekit-graphic .desktop-use .desktop-image-no-menu {
          display: none; }
        .container.typekit .typekit-graphic .desktop-use .text, .container.typekit .typekit-graphic .desktop-use .font-menu {
          display: none; }
      .container.typekit .typekit-graphic .web-use {
        left: calc(50% + 20px);
        width: 86.4%; }
        .container.typekit .typekit-graphic .web-use .code {
          display: none; } }
    @media screen and (max-width: 640px) {
      .container.typekit .typekit-graphic .desktop-use {
        right: calc(50% + 10px);
        width: 80%; }
      .container.typekit .typekit-graphic .web-use {
        left: calc(50% + 10px);
        width: 86.4%; } }
    @media screen and (max-width: 480px) {
      .container.typekit .typekit-graphic {
        display: block; }
        .container.typekit .typekit-graphic .desktop-use {
          position: relative;
          right: 20px;
          width: calc(100vw - 40px);
          margin-bottom: 20px; }
        .container.typekit .typekit-graphic .web-use {
          position: relative;
          left: 20px;
          width: calc(100vw - 40px); } }

.container.one-column,
.container.variations,
.container.glyph-regional-design,
.container.typekit,
.container.glyph-count,
.container.video,
.container.team,
.container.fonts {
  margin-top: 60px; }
  @media screen and (max-width: 1023px) {
    .container.one-column,
    .container.variations,
    .container.glyph-regional-design,
    .container.typekit,
    .container.glyph-count,
    .container.video,
    .container.team,
    .container.fonts {
      margin-top: 40px; } }
  @media screen and (max-width: 768px) {
    .container.one-column,
    .container.variations,
    .container.glyph-regional-design,
    .container.typekit,
    .container.glyph-count,
    .container.video,
    .container.team,
    .container.fonts {
      margin-top: 30px; } }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 100px; }
  .social .share-link {
    width: 80px;
    height: 80px;
    z-index: 2;
    border: solid 1px #ccc;
    background-color: #fff;
    transition: background-color 0.3s ease; }
    .social .share-link:hover {
      background-color: #000;
      border-color: #000;
      transition: none; }
      .social .share-link:hover svg path {
        stroke: #fff; }
    .social .share-link img {
      width: 100%;
      height: auto;
      display: block; }
  .social .facebook {
    position: relative;
    left: -1px; }
  .social:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #ccc;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto; }

.footer {
  background-color: #000;
  color: #fff;
  padding: 75px 0;
  z-index: 3;
  position: relative; }
  .footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 640px) {
      .footer .container {
        overflow: hidden; } }
    .footer .container p {
      margin-left: 20px; }
      .footer .container p span {
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.667; }
        .footer .container p span a {
          color: #fff;
          text-shadow: -1px 0 #000, 1px 0 #000, -2px 0 #000, 2px 0 #000;
          background-image: linear-gradient(to bottom, #fff 50%, transparent 50%); }
        @media screen and (max-width: 1023px) {
          .footer .container p span {
            font-size: 14px; } }
        @media screen and (max-width: 768px) {
          .footer .container p span {
            font-size: 12px; }
            .footer .container p span a {
              background-position: 0 1.31em; } }

.video-overlay {
  background-color: #000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: none; }
  body.overlay .video-overlay {
    display: block; }
  .video-overlay .close {
    cursor: pointer;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .video-overlay .close {
        right: 10px;
        top: 10px; } }
    .video-overlay .close:hover:before, .video-overlay .close:hover:after {
      background-color: #07b57a; }
    .video-overlay .close:before, .video-overlay .close:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -8px;
      margin: auto;
      width: 56px;
      height: 1px;
      background-color: #fff;
      transition: all 0.2s ease;
      -webkit-transform-origin: center center;
              transform-origin: center center; }
    .video-overlay .close:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .video-overlay .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .video-overlay iframe, .video-overlay video {
    height: 45vw;
    width: 80vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 11; }

.none-display,
.control-panel,
.tester {
  display: none !important; }

@-webkit-keyframes fontAnimation {
  0% {
    font-weight: 200; }
  12.5% {
    font-weight: 300; }
  25% {
    font-weight: 400; }
  37.5% {
    font-weight: 500; }
  50% {
    font-weight: 600; }
  62.5% {
    font-weight: 700; }
  75% {
    font-weight: 900; }
  87.5% {
    font-weight: 900; }
  100% {
    font-weight: 900; } }

@keyframes fontAnimation {
  0% {
    font-weight: 200; }
  12.5% {
    font-weight: 300; }
  25% {
    font-weight: 400; }
  37.5% {
    font-weight: 500; }
  50% {
    font-weight: 600; }
  62.5% {
    font-weight: 700; }
  75% {
    font-weight: 900; }
  87.5% {
    font-weight: 900; }
  100% {
    font-weight: 900; } }

.responsive-cell {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }
  .responsive-cell:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    border-top: dashed 1px #ccc;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0; }
  .responsive-cell:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    border-left: dashed 1px #ccc;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0; }
  .responsive-cell span {
    font-size: 0px;
    position: absolute;
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 2; }
    .responsive-cell span:before {
      content: "";
      position: absolute;
      width: 141%;
      height: 0;
      border-top: dashed 1px #ccc;
      left: -1px;
      top: -1px;
      margin: auto;
      z-index: -1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: left top;
              transform-origin: left top; }
    .responsive-cell span:after {
      content: "";
      position: absolute;
      width: 141%;
      height: 0;
      border-top: dashed 1px #ccc;
      right: -1px;
      top: -1px;
      margin: auto;
      z-index: -1;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transform-origin: right top;
              transform-origin: right top; }
  .responsive-cell i {
    display: block;
    padding-bottom: 100%; }
    .responsive-cell i:before {
      content: "";
      position: absolute;
      border: dashed 1px #ccc;
      width: calc(70.71% - 1px);
      height: calc(70.71% - 1px);
      left: 50%;
      -webkit-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

body.specimen-on,
body.loading-on,
body.win-on {
  overflow: hidden; }

.specimen-overlay {
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  display: none;
  z-index: 10;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAColJREFUeAHtXV1oFFcUnmw26q5ZaFaMuC5GDc0mYKKPaqCCCW1AVAoqlNI89E3EB+1LoeKLVBQfVBDxoQh9KyriQxFSDGofVPqQYhKIP4ho0iSYGKub7Jofs/2+7c66u9ndZGfu3LmTzMBmJrsz957zfXP/zz2nTFP/CPp8voaZmZnI9PT057hu9Hg8oUQiEYDoAXzvx8dHNbxebxyfGC6jZWVl0dnZ2cF4PN5TUVHxDN8/wXUffhvjvaoeZQoKFiovL28B6K0A8UsAX7Vx48b45s2bvU1NTf6GhgbP2rVrtUAgkPWhHtFoNOszNDSk9fX1zXZ3d8d6e3tnXrx44QNRb0HgHyDr9sePHzvx2KCCGNguUgQEnPL7/S9XrlwZ27179/tLly4lACb4EHswTabNPJgX82TeQCBiOwo2CxAEEEcAyKOqqqqJo0ePTnZ1dSXw5oploEhqzIt5Mm/KQFkoE3AJ2oyN1OzDqJIuLl++fGL//v3jHR0dCVQdRWCT8xNloCyUibJRRqASloqM5Mxq0bheQaMcO3bs2Ifh4WE5SBvIhbJRRspKmYFTrWSsLM2uEo3zBVQHE8ePH5968+aNAYjseYSyUmbKTh2AUqWlSFmdOIr9NytWrBhtb2+PjY6O2oOqgFwpO3WALiPUyWrcrEi/BvXwvbq6uuiDBw8EQKJGEvfv309QJ+oG0GqsAE54msuWLfsab9K7M2fOTKO/rwaSAqWgTqdPn56mjtRVOIACE0Q16z1fXV09/vDhQ4EQqJkUdYSubFvOA0OvQByFJFWNYtzV1tY2PjY2piaCFkhFXakzdQeK1UKQFJDIJhTf/hMnTkxaoLMjkqTuxABYbhKAp6kktqKvPnr58uXF11iU+CoQA5AyCjS3mkLU6MOoO7+AAO9v3Lghb66jRJBk304siAmxMYqr0ee2MuPOzk7ZOiufHzEhNgBWWknZxGrKLRmF3w1iQ4xAiuVtSjXY73fbjMJk6L+k2hQ29Jb1vrzs3i3l3pQO9kLPxCrVJRY/TkFDdYF97oUK4973PwLELDV4NNpez32OUwQcgS+lQZ+oF4qYcUQvcpqlBu3Gu6UwHSKKhNx0iB0xxKtufkISCf3JicLcTNz/S0OAE5JoTzhLbPzg3D+nmxfjrG1pcJq/mxgSSzPrKZUoHaOLaT3DPKzmUuB6CjFFESm48ugpVH7QM/j54MGD/m3bthW6xf2+RAS2b9+uEVNiW+jRQoZytVhH7n716pV/1apVhZ51vzeAANbptfXr18dwNOHx57lJ5C0hsLT4CVYXFS4ZuXCZ/5+YEltinC+1fCUkjHmYJwMDA/5gcEnZi+XDx5LvMDbRwuEwTI3jdchgIDOTOSUEvYAfDx06VO6SkQmT2GtiC4w9xHq+lIPoK0/IMGI7cOBA4u7du+a6LRY8/fr168SuXbsSVmPA9Ik1CMmqhrJKCOxav92zZ09izZo18xFn+vfDhw9rIEW7d8/cWMm0IBkJwP5Ka2lp0Xbs2KFZjQHTJ9bEPEOE7Ev2rGjfKutgCVm9erUSJWVkZCTR2NhIS0VZ6idtiYH5o2wWPv0XoQW4bMNnFUixgwyyTqyJOSiYuxUCRecUumO2WI7YSYpdZOjFkFshiP2ncpG6QtF5yb0Sdh12kGI3GcSamBP7XEJC3E0kc7NMPuJlkqICGcSAmBN7EBJKk4L+8Hfc4pUPJNnfySBFFTJ0bIk9OUgTgmH8r9x3p8phJSmqkUHMiT05SBOCqZLhx48fq8JHUg4rSFGRDCrLjajgYEgnhPvAPyjFRkoYkaSoSoaOO9ZJPoCQoAYymrH3+63+g2pnEaSoTgYxJwfkwjM1NVWHEap4uyG9/Jk879y5U7t27ZrhaRZOh2BuStu3b5928uRJk9JY9zgdI2CZN+LBaLGOHhKsy8p8ykZJcQoZRGjLli1+ug5hlfX79evXVaup8spTSvXlhGoqU0lyQC40DEr+5uK7U46FkOI0Mog9OSAXGobtz+CcxSl8JOUsRooTyaBS5IBckJBheMlJKuqkP/lIcSoZxJ0ckAsNNqfvuTHeiUcmKU4mg9iTA3KhYep3enLSlll3Ie/AnTt3kotckUhE6uKSEOEzEiEH5CJrCdd8B1V+Cui/azSt6e/v11pbW+ULIDhHD6zo4vTE5sSD4wyugcOlknbr1i1aBSq1Rl8KpuSAXDi2UWebgQFtVjXFNgV7MZRYo8+ojRZ0mW7UndjtzUeGrrVTSdG7vR5673RSlaVXU3v37s07N8VplqtXrzqu+iIH5MKDJcRBeu90wjEfGboOTiRlcHBQIxce+rXF4tSsroyq54WSocvvNFLIAbnQsHT4PSwIo3odrOLZzKDPKW0KOSAXyi9QmSFDf7mcQIq+QMUSHuTyoS68SmcRZOj6qE5KegmXjGAeXjkjB5FkqE5KrpED2xGlzICsIENlUuaYAalkKGclGaqSMsdQDrWWEqakMshQjZS8pqRsRzCFYquxtUwyVCKlkLE110Vs245gBxmqkFJwOwIKiS0bduwkw25Sim7YSVVbj2RuaVOBjExSZG+vI9ZoKgpuaWO1dYTxM3QhrTyrRIauJwePMkkh1sSchaHQIW1bNLcey9xgqYM+35lr9Ngha9u26DnEYExykcFM5hPc7O9W7wM3I58M2Ygxsc4loJBrjadwreFzvTnkwiXm/5JcayDLAVhh/3bu3LlpMdm7qeQiQGyJMbHO/S1fCeE9rnumXKQE/W/IPRPyfo59I7+gnosLksNNJoUABoJxYkuMSwXFdfFnpmeQ51m6S5zPxV9RktALcJ1g5gHWyFcLdYJZXowRZNw7Pj7eBlbXNTc3O97stJiuVv929uzZmZs3b/6FXVI/mM3LdaRspEhkPCPUkTLZdF2NZ6Bb4qUVrsaTJQyGwOddZ/wlsoHbLXHGn6rz3HAVJfJhabiKFCluQJcFkiIjoEuKE41h8tyQR0WIkRnySCfFDQpWgBA7goIlSUEj74bNyyHFzrB56ZICq0c3sCSIsT2wpM4Izm7oVYVCr+q8uMGJLQyPp4Nc6hnNivcCg4cthXhV1JHBvqgzgFLWvVVymgXd4kUd4J4xuaijyMhrpb79pd5fwwBYjLm0mEImURfqlAruZT7iWqmomr2f6ykcRLa3t8ewRzCnk+icfyk7daAu1MksLnY/X8l6FhZ6E7DDmsKasmOYoKyUmbKn2oqCwbzsBtlI/rXYGHQF45YJ2iTJsH0yyjxlo4yQNUaZoWytEYWd8kyYBmIMZkJTStq3yo7IkI8oykBZKBNlo4wANOwUUEXIGaRdK6qDboZswBs5yb0S3MAi62BezJN5UwbKkrK1zYp6I0JZp6VRDyBOAZCXdEzPLV7cd2eFt22mybSZB/NinswbgM2N4WEDioUM5WwQJZ1lCNVFC0BqRUP6Fb79bMOGDXH6FqY72/r6ek8oFNIqKyu1QCCQ/vBp+gvRPzDO0Oiugh4S4Ngl1tPTMwOPOz74E/kXFiAdKB23UU114rFBPqvKoSIhudjQFXoDHT4DwDpcN4KsdajW2OMJAFw/Pj4+BALj+DD0QxTAjwP0f+iuAgQ/xSDuKa778NsY71X1+A8WqeTt8Dk1RwAAAABJRU5ErkJggg==), crosshair; }
  body.specimen-on .specimen-overlay {
    display: block; }

.spiral {
  width: 100vw;
  height: 61.8vw;
  background-color: white;
  box-sizing: border-box;
  position: relative; }

.box {
  box-sizing: border-box;
  position: relative; }
  .box .responsive-cell span {
    font-family: "source-han-serif-sc", "SimSun", "\5B8B\4F53", serif;
    -webkit-animation: fontAnimation 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
            animation: fontAnimation 2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate; }

.one.box {
  width: 61.8vw;
  height: 61.8vw;
  border: 1px solid #000;
  float: left; }
  .one.box .responsive-cell span {
    line-height: calc( 61.8vw * 0.94);
    font-size: calc( 61.8vw * 0.8);
    font-weight: 900;
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s; }

.two.box {
  width: 38.2vw;
  height: 38.2vw;
  border: 1px solid #000;
  border-left: none;
  float: right; }
  .two.box .responsive-cell span {
    line-height: calc( 38.2vw * 0.94);
    font-size: calc( 38.2vw * 0.8);
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.three.box {
  width: 23.6vw;
  height: 23.6vw;
  float: right;
  border: 1px solid #000;
  border-top: none; }
  .three.box .responsive-cell span {
    line-height: calc( 23.6vw * 0.94);
    font-size: calc( 23.6vw * 0.8);
    -webkit-animation-delay: 0.75s;
            animation-delay: 0.75s;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.four.box {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 14.6vw;
  height: 14.6vw;
  float: right; }
  .four.box .responsive-cell span {
    line-height: calc( 14.6vw * 0.94);
    font-size: calc( 14.6vw * 0.8);
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }

.five.box {
  width: 9vw;
  height: 9vw;
  border-right: 1px solid #000;
  float: left; }
  .five.box .responsive-cell span {
    line-height: calc( 9vw * 0.94);
    font-size: calc( 9vw * 0.8);
    -webkit-animation-delay: 1.25s;
            animation-delay: 1.25s; }

.six.box {
  width: 5.6vw;
  height: 5.6vw;
  border-bottom: 1px solid #000;
  float: left; }
  .six.box .responsive-cell span {
    line-height: calc( 5.6vw * 0.94);
    font-size: calc( 5.6vw * 0.8);
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.seven.box {
  width: 3.4vw;
  height: 3.4vw;
  border-left: 1px solid #000;
  float: right; }
  .seven.box .responsive-cell span {
    line-height: calc( 3.4vw * 0.94);
    font-size: calc( 3.4vw * 0.8);
    -webkit-animation-delay: 1.75s;
            animation-delay: 1.75s;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.last.box {
  width: 100vw;
  height: 100vw;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #000;
  border-top: none; }
  .last.box .responsive-cell span {
    line-height: calc( 100vw * 0.94);
    font-size: calc( 100vw * 0.8);
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }

body.wide-screen .spiral {
  height: 100vh;
  width: 161.8vh;
  margin: 0 auto; }

body.wide-screen .one.box {
  width: 100vh;
  height: 100vh; }
  body.wide-screen .one.box .responsive-cell span {
    line-height: calc( 100vh * 0.94);
    font-size: calc( 100vh * 0.8); }

body.wide-screen .two.box {
  width: 61.8vh;
  height: 61.8vh; }
  body.wide-screen .two.box .responsive-cell span {
    line-height: calc( 61.8vh * 0.94);
    font-size: calc( 61.8vh * 0.8); }

body.wide-screen .three.box {
  width: 38.2vh;
  height: 38.2vh; }
  body.wide-screen .three.box .responsive-cell span {
    line-height: calc( 38.2vh * 0.94);
    font-size: calc( 38.2vh * 0.8); }

body.wide-screen .four.box {
  width: 23.6vh;
  height: 23.6vh; }
  body.wide-screen .four.box .responsive-cell span {
    line-height: calc( 23.6vh * 0.94);
    font-size: calc( 23.6vh * 0.8); }

body.wide-screen .five.box {
  width: 14.6vh;
  height: 14.6vh; }
  body.wide-screen .five.box .responsive-cell span {
    line-height: calc( 14.6vh * 0.94);
    font-size: calc( 14.6vh * 0.8); }

body.wide-screen .six.box {
  width: 9vh;
  height: 9vh; }
  body.wide-screen .six.box .responsive-cell span {
    line-height: calc( 9vh * 0.94);
    font-size: calc( 9vh * 0.8); }

body.wide-screen .seven.box {
  width: 5.6vh;
  height: 5.6vh; }
  body.wide-screen .seven.box .responsive-cell span {
    line-height: calc( 5.6vh * 0.94);
    font-size: calc( 5.6vh * 0.8); }

body.wide-screen .last.box {
  display: none; }

.loading-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 999;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  body.loading-on .loading-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateX(0) rotateY(0);
            transform: rotateX(0) rotateY(0); }
  25% {
    -webkit-transform: rotateX(0) rotateY(-90deg);
            transform: rotateX(0) rotateY(-90deg); }
  50% {
    -webkit-transform: rotateX(30deg) rotateY(45deg);
            transform: rotateX(30deg) rotateY(45deg); }
  75% {
    -webkit-transform: rotateX(-30deg) rotateY(-135deg);
            transform: rotateX(-30deg) rotateY(-135deg); }
  100% {
    -webkit-transform: rotateX(0) rotateY(0);
            transform: rotateX(0) rotateY(0); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateX(0) rotateY(0);
            transform: rotateX(0) rotateY(0); }
  25% {
    -webkit-transform: rotateX(0) rotateY(-90deg);
            transform: rotateX(0) rotateY(-90deg); }
  50% {
    -webkit-transform: rotateX(30deg) rotateY(45deg);
            transform: rotateX(30deg) rotateY(45deg); }
  75% {
    -webkit-transform: rotateX(-30deg) rotateY(-135deg);
            transform: rotateX(-30deg) rotateY(-135deg); }
  100% {
    -webkit-transform: rotateX(0) rotateY(0);
            transform: rotateX(0) rotateY(0); } }

.cube {
  width: 82px;
  height: 82px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: spin 2400ms ease infinite;
          animation: spin 2400ms ease infinite; }
  .cube .front {
    -webkit-transform: translateZ(41px);
            transform: translateZ(41px); }
  .cube .back {
    -webkit-transform: translateZ(-41px) rotateY(180deg);
            transform: translateZ(-41px) rotateY(180deg); }
  .cube .right {
    -webkit-transform: rotateY(-270deg) translateX(41px);
            transform: rotateY(-270deg) translateX(41px);
    -webkit-transform-origin: top right;
            transform-origin: top right; }
  .cube .left {
    -webkit-transform: rotateY(270deg) translateX(-41px);
            transform: rotateY(270deg) translateX(-41px);
    -webkit-transform-origin: center left;
            transform-origin: center left; }
  .cube .top {
    -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-41px);
            transform: rotateX(-90deg) rotateY(180deg) translateY(-41px);
    -webkit-transform-origin: top center;
            transform-origin: top center; }
  .cube .bottom {
    -webkit-transform: rotateZ(-90deg) rotateY(-90deg) translateY(41px);
            transform: rotateZ(-90deg) rotateY(-90deg) translateY(41px);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center; }
  .cube .facet {
    position: absolute;
    width: 82px;
    height: 82px;
    color: black;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #000; }
    .cube .facet span i {
      display: block;
      width: 80px;
      height: 80px;
      padding: 0;
      background-position: top center; }
      .cube .facet span i:before {
        content: none; }
    .cube .facet.cell.black {
      background-color: #000; }
      .cube .facet.cell.black:before, .cube .facet.cell.black:after {
        border-color: #666; }
      .cube .facet.cell.black span:before, .cube .facet.cell.black span:after {
        border-color: #666; }
      .cube .facet.cell.black span i {
        background-position: bottom center; }
  .cube span.text-si i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzcuMjUgMjAuNzVoLTguMXY3LjhoOC4xdi03Ljh6bTEzLjcgMEg0Mi45djcuOGg4LjA1di03Ljh6bS04LjA1IDE3LjRoOC4wNXYtOC4ySDQyLjl2OC4yem0tMTMuNzUgMGg4LjF2LTguMmgtOC4xdjguMnptMCAxLjQ1djEuNjVjMCAuNi0yLjU1IDEuOTUtNS4wNSAxLjk1aC0uODVWMTYuOGw2LjMgMi41aDIwLjlsMi43NS0zIDUuNyA0LjM1Yy0uMy40LTEgLjktMi4wNSAxLjFWNDAuOGMtLjA1LjM1LTIuOTUgMS41LTQuOSAxLjVoLTF2LTIuN2gtMjEuOHptNy41NSAybC40LS4zYzE0LjM1IDMuMDUgOC44NSAxMy44NSAzLjUgOS41NS0uMTUtMy4yNS0xLjk1LTYuOS0zLjktOS4yNXptLTE0IDMuMDVjLjIgMy4zLTEuODUgNi4xNS0zLjc1IDcuMjUtMS42NS45LTIuOSAyLjQtMi4yNSA0LjQ1LjcgMi4xIDMuMjUgMi43IDUuMSAxLjUgMi43NS0xLjYgNC41NS02LjQ1IDEuNS0xMy4yNWwtLjYuMDV6TTUyLjMgNDlsLjE1IDYuMWMxLjguNiAyLjIgMS4zIDIuMiAyLjM1IDAgMi41NS0yLjQgMy40LTEyLjQ1IDMuNGgtNi41Yy01Ljc1IDAtNy4xLS45LTcuMS00Ljk1VjQzLjhsNy40NS42Yy0uMS43LS41NSAxLjEtMS41NSAxLjN2OS4wNWMwIC43NS4yNS45NSAyLjE1Ljk1aDYuMmMyLjE1IDAgNC4xNSAwIDQuOTUtLjA1Ljg1LS4wNSAxLjE1LS4yIDEuNTUtLjc1LjYtLjg1IDEuNC0yLjkgMi40LTUuOWguNTV6bS0uMzUtNC4zNWwuNDUtLjM1YzE2LjM1IDQuNDUgMTAuODUgMTcuMDUgNC45IDEyLjE1LS4zLTQuMTUtMi42NS04Ljc1LTUuMzUtMTEuOHoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zNy4yNSAxMDAuNzVoLTguMXY3LjhoOC4xdi03Ljh6bTEzLjcgMEg0Mi45djcuOGg4LjA1di03Ljh6bS04LjA1IDE3LjRoOC4wNXYtOC4ySDQyLjl2OC4yem0tMTMuNzUgMGg4LjF2LTguMmgtOC4xdjguMnptMCAxLjQ1djEuNjVjMCAuNi0yLjU1IDEuOTUtNS4wNSAxLjk1aC0uODVWOTYuOGw2LjMgMi41aDIwLjlsMi43NS0zIDUuNyA0LjM1Yy0uMy40LTEgLjktMi4wNSAxLjF2MTkuMDVjLS4wNS4zNS0yLjk1IDEuNS00LjkgMS41aC0xdi0yLjdoLTIxLjh6bTcuNTUgMmwuNC0uM2MxNC4zNSAzLjA1IDguODUgMTMuODUgMy41IDkuNTUtLjE1LTMuMjUtMS45NS02LjktMy45LTkuMjV6bS0xNCAzLjA1Yy4yIDMuMy0xLjg1IDYuMTUtMy43NSA3LjI1LTEuNjUuOS0yLjkgMi40LTIuMjUgNC40NS43IDIuMSAzLjI1IDIuNyA1LjEgMS41IDIuNzUtMS42IDQuNTUtNi40NSAxLjUtMTMuMjVsLS42LjA1ek01Mi4zIDEyOWwuMTUgNi4xYzEuOC42IDIuMiAxLjMgMi4yIDIuMzUgMCAyLjU1LTIuNCAzLjQtMTIuNDUgMy40aC02LjVjLTUuNzUgMC03LjEtLjktNy4xLTQuOTV2LTEyLjFsNy40NS42Yy0uMS43LS41NSAxLjEtMS41NSAxLjN2OS4wNWMwIC43NS4yNS45NSAyLjE1Ljk1aDYuMmMyLjE1IDAgNC4xNSAwIDQuOTUtLjA1Ljg1LS4wNSAxLjE1LS4yIDEuNTUtLjc1LjYtLjg1IDEuNC0yLjkgMi40LTUuOWguNTV6bS0uMzUtNC4zNWwuNDUtLjM1YzE2LjM1IDQuNDUgMTAuODUgMTcuMDUgNC45IDEyLjE1LS4zLTQuMTUtMi42NS04Ljc1LTUuMzUtMTEuOHoiLz4KICA8L2c+Cjwvc3ZnPgo=); }
  .cube span.text-yuan i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTkuMzUgMTYuMzVsLjQtLjNjMTMuNTUgMS4zIDguOSAxMS4yIDMuNyA3LjY1LS41NS0yLjY1LTIuNDUtNS41LTQuMS03LjM1ek0xNi4yIDI4bC40LS4zNWMxMi44NS45NSA4LjM1IDEwLjM1IDMuMzUgNi45NS0uNDUtMi4zNS0yLjItNS0zLjc1LTYuNnptMTMuNzUtNC40bC43NS4yNWMtMS42NSA2LjI1LTQuNSAxNy44NS01LjA1IDIwLjY1LS40IDEuNzUtLjY1IDMuNTUtLjYgNC43NS4xIDIuNzUgMi4xIDQuNiAxLjkgOS4wNS0uMSAyLjUtMS42NSA0LjItNCA0LjItMS4xNSAwLTIuMy0uNy0yLjY1LTIuNjUuOS01LjE1LjctOS45NS0uNDUtMTAuNy0uNy0uNS0xLjUtLjctMi41NS0uOHYtMWgyLjJjLjcgMCAuOSAwIDEuNC0xLjA1Ljk1LTEuOS45NS0xLjkgOS4wNS0yMi43em0xMC4yIDIyLjM1bDYuMjUgMi45Yy0uMi41NS0uNjUuOC0xLjguNy0yLjI1IDMuNS01Ljk1IDcuOC0xMC41IDEwLjQ1bC0uNS0uNTVjMy4xLTMuNzUgNS41NS05LjYgNi41NS0xMy41em0xMy4zNSAxLjJsLjU1LS4zQzY3LjY1IDUyLjA1IDYzLjQgNjEuOCA1OC42IDU4Yy0uNi0zLjYtMy4wNS03Ljk1LTUuMS0xMC44NXptMS44NS0xOC4yNUg0NC40djUuODVoMTAuOTVWMjguOXpNNDQuNCA0MS43aDEwLjk1di01LjVINDQuNHY1LjV6bTEwLjctMjEuNzVsMy4wNS00LjA1czMuNSAyLjc1IDUuNTUgNC42NWMtLjEuNTUtLjY1LjgtMS4zNS44aC0xMy42bDUuMTUgMS4yYy0uMi42NS0uOCAxLjEtMS44NSAxLjE1LTEuMiAxLjMtMi42NSAyLjctNC4xIDMuNzVoNi45NWwyLjQ1LTIuNiA1LjE1IDMuOWMtLjI1LjM1LS45LjctMS44Ljl2MTRDNjAuNjUgNDQgNTggNDUgNTYuMjUgNDVoLS45di0xLjg1aC0yLjZWNTUuNWMwIDMuOC0uOSA2LjQ1LTYuOCA2Ljk1LS4wNS0xLjgtLjMtMy4xNS0uOS00LS41NS0uODUtMS41NS0xLjQ1LTMuNy0xLjg1di0uNjVzNC4xLjI1IDUgLjI1Yy43IDAgLjktLjMuOS0uODV2LTEyLjJINDQuNHYuNzVjMCAuNDUtMi4yIDEuNjUtNC40IDEuNjVoLS43NXYtMjAuM2w1LjQgMi4ySDQ2Yy4yNS0xLjY1LjQ1LTMuOS41NS02LjFIMzYuN1YzMS45YzAgOS4xNS0uNDUgMjItOS42NSAzMC40bC0uNi0uMzVjNC40LTkgNC43NS0yMC4yNSA0Ljc1LTMwLjA1VjE3LjZsNi4zNSAyLjM1SDU1LjF6Ii8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkuMzUgOTYuMzVsLjQtLjNjMTMuNTUgMS4zIDguOSAxMS4yIDMuNyA3LjY1LS41NS0yLjY1LTIuNDUtNS41LTQuMS03LjM1ek0xNi4yIDEwOGwuNC0uMzVjMTIuODUuOTUgOC4zNSAxMC4zNSAzLjM1IDYuOTUtLjQ1LTIuMzUtMi4yLTUtMy43NS02LjZ6bTEzLjc1LTQuNGwuNzUuMjVjLTEuNjUgNi4yNS00LjUgMTcuODUtNS4wNSAyMC42NS0uNCAxLjc1LS42NSAzLjU1LS42IDQuNzUuMSAyLjc1IDIuMSA0LjYgMS45IDkuMDUtLjEgMi41LTEuNjUgNC4yLTQgNC4yLTEuMTUgMC0yLjMtLjctMi42NS0yLjY1LjktNS4xNS43LTkuOTUtLjQ1LTEwLjctLjctLjUtMS41LS43LTIuNTUtLjh2LTFoMi4yYy43IDAgLjkgMCAxLjQtMS4wNS45NS0xLjkuOTUtMS45IDkuMDUtMjIuN3ptMTAuMiAyMi4zNWw2LjI1IDIuOWMtLjIuNTUtLjY1LjgtMS44LjctMi4yNSAzLjUtNS45NSA3LjgtMTAuNSAxMC40NWwtLjUtLjU1YzMuMS0zLjc1IDUuNTUtOS42IDYuNTUtMTMuNXptMTMuMzUgMS4ybC41NS0uM2MxMy42IDUuMiA5LjM1IDE0Ljk1IDQuNTUgMTEuMTUtLjYtMy42LTMuMDUtNy45NS01LjEtMTAuODV6bTEuODUtMTguMjVINDQuNHY1Ljg1aDEwLjk1di01Ljg1ek00NC40IDEyMS43aDEwLjk1di01LjVINDQuNHY1LjV6bTEwLjctMjEuNzVsMy4wNS00LjA1czMuNSAyLjc1IDUuNTUgNC42NWMtLjEuNTUtLjY1LjgtMS4zNS44aC0xMy42bDUuMTUgMS4yYy0uMi42NS0uOCAxLjEtMS44NSAxLjE1LTEuMiAxLjMtMi42NSAyLjctNC4xIDMuNzVoNi45NWwyLjQ1LTIuNiA1LjE1IDMuOWMtLjI1LjM1LS45LjctMS44Ljl2MTRjLS4wNS4zNS0yLjcgMS4zNS00LjQ1IDEuMzVoLS45di0xLjg1aC0yLjZ2MTIuMzVjMCAzLjgtLjkgNi40NS02LjggNi45NS0uMDUtMS44LS4zLTMuMTUtLjktNC0uNTUtLjg1LTEuNTUtMS40NS0zLjctMS44NXYtLjY1czQuMS4yNSA1IC4yNWMuNyAwIC45LS4zLjktLjg1di0xMi4ySDQ0LjR2Ljc1YzAgLjQ1LTIuMiAxLjY1LTQuNCAxLjY1aC0uNzV2LTIwLjNsNS40IDIuMkg0NmMuMjUtMS42NS40NS0zLjkuNTUtNi4xSDM2Ljd2MTAuNTVjMCA5LjE1LS40NSAyMi05LjY1IDMwLjRsLS42LS4zNWM0LjQtOSA0Ljc1LTIwLjI1IDQuNzUtMzAuMDVWOTcuNmw2LjM1IDIuMzVINTUuMXoiLz4KICA8L2c+Cjwvc3ZnPgo=); }
  .cube span.text-song i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzUuMiAxNS45bC4zNS0uM2MxNC42NS4yIDguOSAxMS43IDMgNy4zNS0uMDUtMi41NS0xLjQ1LTUuNC0zLjM1LTcuMDV6bTIwLjA1IDkuNWgtMzAuNmMuNDUgMy43NS0uOCA2LjMtMi42NSA3LjQ1LTEuNyAxLjE1LTQuNDUuNTUtNS4yNS0xLjYtLjU1LTIuMDUuNjUtMy42IDIuMy00LjQ1IDEuNzUtLjkgMy45LTMuMjUgMy44LTUuOGguNjVjLjQgMS4wNS43IDIuMDUuOSAzaDMwLjU1bDMuMTUtMy4xNUw2My41IDI2Yy0uNC40NS0uOS41NS0xLjkuNi0xLjg1IDEuOC00Ljk1IDQuMDUtNy40NSA1LjNsLS40LS4zYy41NS0xLjY1IDEuMTUtNC4yIDEuNS02LjJ6bTUuNTUgMTIuNDVINDMuNkM0Ny45NSA0NS41IDU2IDUxLjYgNjMuNjUgNTQuNGwtLjE1LjZjLTIuMi40LTQgMi4xNS00LjggNC44NS03LjMtNC4zNS0xMi41NS0xMS41NS0xNS44LTIxLjFWNjAuNmMwIC42LTIuNiAxLjg1LTQuOCAxLjg1SDM3di0xNy42Yy00LjYgNi42LTExLjQgMTEuODUtMjAuMSAxNS42bC0uNDUtLjZjOC4xLTUuMzUgMTQuMjUtMTMuNzUgMTcuMzUtMjJIMTguNzVsLS40LTEuNDVIMzd2LTkuOTVsNy41NS43Yy0uMDUuNy0uNDUgMS4xNS0xLjY1IDEuMzV2Ny45aDEwLjVsMy4xLTQuMDVzMy41NSAyLjc1IDUuNjUgNC43Yy0uMTUuNTUtLjY1LjgtMS4zNS44eiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTM1LjIgOTUuOWwuMzUtLjNjMTQuNjUuMiA4LjkgMTEuNyAzIDcuMzUtLjA1LTIuNTUtMS40NS01LjQtMy4zNS03LjA1em0yMC4wNSA5LjVoLTMwLjZjLjQ1IDMuNzUtLjggNi4zLTIuNjUgNy40NS0xLjcgMS4xNS00LjQ1LjU1LTUuMjUtMS42LS41NS0yLjA1LjY1LTMuNiAyLjMtNC40NSAxLjc1LS45IDMuOS0zLjI1IDMuOC01LjhoLjY1Yy40IDEuMDUuNyAyLjA1LjkgM2gzMC41NWwzLjE1LTMuMTUgNS40IDUuMTVjLS40LjQ1LS45LjU1LTEuOS42LTEuODUgMS44LTQuOTUgNC4wNS03LjQ1IDUuM2wtLjQtLjNjLjU1LTEuNjUgMS4xNS00LjIgMS41LTYuMnptNS41NSAxMi40NUg0My42YzQuMzUgNy42NSAxMi40IDEzLjc1IDIwLjA1IDE2LjU1bC0uMTUuNmMtMi4yLjQtNCAyLjE1LTQuOCA0Ljg1LTcuMy00LjM1LTEyLjU1LTExLjU1LTE1LjgtMjEuMXYyMS44NWMwIC42LTIuNiAxLjg1LTQuOCAxLjg1SDM3di0xNy42Yy00LjYgNi42LTExLjQgMTEuODUtMjAuMSAxNS42bC0uNDUtLjZjOC4xLTUuMzUgMTQuMjUtMTMuNzUgMTcuMzUtMjJIMTguNzVsLS40LTEuNDVIMzd2LTkuOTVsNy41NS43Yy0uMDUuNy0uNDUgMS4xNS0xLjY1IDEuMzV2Ny45aDEwLjVsMy4xLTQuMDVzMy41NSAyLjc1IDUuNjUgNC43Yy0uMTUuNTUtLjY1LjgtMS4zNS44eiIvPgogIDwvZz4KPC9zdmc+Cg==); }
  .cube span.text-ti i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMjUuMTUgNDMuN3YyLjk1YzAgLjk1IDAgMS45NS0uMSAzIDEuMy0uNCAzLjM1LTEuMSA1LjU1LTEuODV2LTJjLS41LjUtMS4zLjgtMi4yNS41LS43LS44NS0yLTEuODUtMy4yLTIuNnptNS40NS0zLjhoLTUuNDV2Mi41NWMzLS40NSA0LjcuMSA1LjQ1Ljk1di0zLjV6bS01Ljk1LTE5LjQ1VjMyLjNoMS43NXYtOWwzLjM1IDEuNWgxLjF2LTQuMzVoLTYuMnptNC40IDUuOHY2LjA1aDEuOHYtNi4wNWgtMS44em0xNi40LTMuNDVINDMuM3Y0LjhoMi4xNXYtNC44em01LjMgMEg0OC42djQuOGgyLjE1di00Ljh6bTUuMyAwSDUzLjl2NC44aDIuMTV2LTQuOHpNNTMuOSAzMy45aDIuMTV2LTQuODVINTMuOXY0Ljg1em0tNS4zLTQuODV2NC44NWgyLjE1di00Ljg1SDQ4LjZ6bS0zLjE1IDQuODV2LTQuODVINDMuM3Y0Ljg1aDIuMTV6bS0xMy4zIDIuMTVMMzcgMzkuNmMtLjMuNC0xLjA1Ljg1LTIgMXYxNi4xNWMwIDMuMTUtLjY1IDQuODUtNS40NSA1LjMtLjEtMS4zLS4yNS0yLjM1LS43NS0yLjk1LS41NS0uNjUtMS4yNS0xLjEtMi45LTEuNHYtLjc1czMuMDUuMjUgMy44NS4yNWMuNyAwIC44NS0uMy44NS0uOXYtNi40Yy0uODUuOTUtMS44NSAyLjA1LTIuOSAzLjMtLjE1LjYtLjU1IDEuMS0xLjA1IDEuM2wtMS43NS0zLjZjLS41NSA0LjEtMi4zIDguMzUtNy41NSAxMS40NWwtLjUtLjZjMy41LTQuMyAzLjctOS44NSAzLjctMTUuMTV2LTkuOGMtLjIuNi0uNSAxLjEtLjg1IDEuNC0uOTUuOC0yLjguNy0zLjQtLjYtLjUtMS4yNS4yNS0yLjQ1IDEuNC0zLjEuODUtLjc1IDEuNi0yLjcgMS4yLTQuMTVsLjguMDVjLjMuNjUuNSAxLjMuNjUgMS45aC41NVYxNy4ybDQuMjUgMS44aDUuMTVsMS45LTIuNSA0LjggMy40NWMtLjQuNS0xIC44LTIuMy45NXYxMC43NWwxLjQ1LTEuNDUgMi44IDIuNzV2LTEzLjVsNC45NSAxLjk1aDEuNTV2LTUuN2w0LjM1LjVjLS4wNS41LS40LjktMS4yIDEuMDV2NC4xNWgyLjE1di01LjdsNC41NS41Yy0uMS42LS40NS45NS0xLjQgMS4xNXY0LjA1aDJsMi4xNS0yLjUgNC40NSAzLjM1Yy0uMy40LS44LjctMS44NS44NXYxMmMwIC4xLS40NS40LTEuMi43IDEgLjc1IDIuNTUgMS45NSAzLjcgMi45NS0uMTUuNTUtLjY1LjgtMS4zNS44SDM3Ljk1bC0uNC0xLjQ1aDE4LjRsMS42LTEuOTVjLS4yLjA1LS40NS4wNS0uNy4wNWgtLjh2LS45SDQzLjN2LjVjMCAuMzUtMS4zNSAxLjItMy42NSAxLjJoLS43di0yLjhjLS4zLjA1LS42LjEtMSAuMS0uODUgMS0yLjI1IDIuNi0zLjEgMy40NWwtLjctLjM1Yy4wNS0uOS4yNS0yLjQ1LjM1LTMuN0gyMC43Yy4xNSAxLjA1LjE1IDItLjA1IDIuOGw1LjIgMmg0LjNsMi0yLjQ1em0xMy4xIDE0Ljc1di45NWMwIC4xNS0uMjUuNC0uOC42IDUuMSAyLjM1IDQuMTUgNS43IDIuMDUgNi4zNWg0LjA1Yy44NS0yLjI1IDEuNzUtNS4xIDIuMi03LjI1bC45NS4zdi0uOTVoLTguNDV6bTguNDUtNy4wNWgtOC40NXY1LjZoOC40NXYtNS42em0yLjQ1IDE0Ljk1bDIuNzUtMy40czMuMDUgMi4zNSA0Ljk1IDQuMDVjLS4xNS41NS0uNjUuOC0xLjQuOGgtMjYuM2wtLjQtMS40NWg5LjNjLS41LS4xNS0xLS40NS0xLjQ1LS45LjA1LTEuNjUtLjQtMy41NS0uOTUtNS0uNC4wNS0uODUuMS0xLjM1LjFoLS44NVY0MC4ybDUuMzUgMi4xaDcuOGwyLjMtMi42IDQuNjUgMy40NWMtLjI1LjQ1LS43NS43LTEuOC45djcuMWMwIC4yLTEuNCAxLTMuNyAxLjFsMy43IDEuMjVjLS4yLjU1LS44Ljk1LTEuOS44NS0xLjIgMS4yNS0yLjk1IDIuOS00LjcgNC4zNWg0eiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI1LjE1IDEyMy43djIuOTVjMCAuOTUgMCAxLjk1LS4xIDMgMS4zLS40IDMuMzUtMS4xIDUuNTUtMS44NXYtMmMtLjUuNS0xLjMuOC0yLjI1LjUtLjctLjg1LTItMS44NS0zLjItMi42em01LjQ1LTMuOGgtNS40NXYyLjU1YzMtLjQ1IDQuNy4xIDUuNDUuOTV2LTMuNXptLTUuOTUtMTkuNDV2MTEuODVoMS43NXYtOWwzLjM1IDEuNWgxLjF2LTQuMzVoLTYuMnptNC40IDUuOHY2LjA1aDEuOHYtNi4wNWgtMS44em0xNi40LTMuNDVINDMuM3Y0LjhoMi4xNXYtNC44em01LjMgMEg0OC42djQuOGgyLjE1di00Ljh6bTUuMyAwSDUzLjl2NC44aDIuMTV2LTQuOHptLTIuMTUgMTEuMWgyLjE1di00Ljg1SDUzLjl2NC44NXptLTUuMy00Ljg1djQuODVoMi4xNXYtNC44NUg0OC42em0tMy4xNSA0Ljg1di00Ljg1SDQzLjN2NC44NWgyLjE1em0tMTMuMyAyLjE1TDM3IDExOS42Yy0uMy40LTEuMDUuODUtMiAxdjE2LjE1YzAgMy4xNS0uNjUgNC44NS01LjQ1IDUuMy0uMS0xLjMtLjI1LTIuMzUtLjc1LTIuOTUtLjU1LS42NS0xLjI1LTEuMS0yLjktMS40di0uNzVzMy4wNS4yNSAzLjg1LjI1Yy43IDAgLjg1LS4zLjg1LS45di02LjRjLS44NS45NS0xLjg1IDIuMDUtMi45IDMuMy0uMTUuNi0uNTUgMS4xLTEuMDUgMS4zbC0xLjc1LTMuNmMtLjU1IDQuMS0yLjMgOC4zNS03LjU1IDExLjQ1bC0uNS0uNmMzLjUtNC4zIDMuNy05Ljg1IDMuNy0xNS4xNXYtOS44Yy0uMi42LS41IDEuMS0uODUgMS40LS45NS44LTIuOC43LTMuNC0uNi0uNS0xLjI1LjI1LTIuNDUgMS40LTMuMS44NS0uNzUgMS42LTIuNyAxLjItNC4xNWwuOC4wNWMuMy42NS41IDEuMy42NSAxLjloLjU1Vjk3LjJsNC4yNSAxLjhoNS4xNWwxLjktMi41IDQuOCAzLjQ1Yy0uNC41LTEgLjgtMi4zLjk1djEwLjc1bDEuNDUtMS40NSAyLjggMi43NXYtMTMuNWw0Ljk1IDEuOTVoMS41NXYtNS43bDQuMzUuNWMtLjA1LjUtLjQuOS0xLjIgMS4wNXY0LjE1aDIuMTV2LTUuN2w0LjU1LjVjLS4xLjYtLjQ1Ljk1LTEuNCAxLjE1djQuMDVoMmwyLjE1LTIuNSA0LjQ1IDMuMzVjLS4zLjQtLjguNy0xLjg1Ljg1djEyYzAgLjEtLjQ1LjQtMS4yLjcgMSAuNzUgMi41NSAxLjk1IDMuNyAyLjk1LS4xNS41NS0uNjUuOC0xLjM1LjhIMzcuOTVsLS40LTEuNDVoMTguNGwxLjYtMS45NWMtLjIuMDUtLjQ1LjA1LS43LjA1aC0uOHYtLjlINDMuM3YuNWMwIC4zNS0xLjM1IDEuMi0zLjY1IDEuMmgtLjd2LTIuOGMtLjMuMDUtLjYuMS0xIC4xLS44NSAxLTIuMjUgMi42LTMuMSAzLjQ1bC0uNy0uMzVjLjA1LS45LjI1LTIuNDUuMzUtMy43SDIwLjdjLjE1IDEuMDUuMTUgMi0uMDUgMi44bDUuMiAyaDQuM2wyLTIuNDV6bTEzLjEgMTQuNzV2Ljk1YzAgLjE1LS4yNS40LS44LjYgNS4xIDIuMzUgNC4xNSA1LjcgMi4wNSA2LjM1aDQuMDVjLjg1LTIuMjUgMS43NS01LjEgMi4yLTcuMjVsLjk1LjN2LS45NWgtOC40NXptOC40NS03LjA1aC04LjQ1djUuNmg4LjQ1di01LjZ6bTIuNDUgMTQuOTVsMi43NS0zLjRzMy4wNSAyLjM1IDQuOTUgNC4wNWMtLjE1LjU1LS42NS44LTEuNC44aC0yNi4zbC0uNC0xLjQ1aDkuM2MtLjUtLjE1LTEtLjQ1LTEuNDUtLjkuMDUtMS42NS0uNC0zLjU1LS45NS01LS40LjA1LS44NS4xLTEuMzUuMWgtLjg1di0xMi43bDUuMzUgMi4xaDcuOGwyLjMtMi42IDQuNjUgMy40NWMtLjI1LjQ1LS43NS43LTEuOC45djcuMWMwIC4yLTEuNCAxLTMuNyAxLjFsMy43IDEuMjVjLS4yLjU1LS44Ljk1LTEuOS44NS0xLjIgMS4yNS0yLjk1IDIuOS00LjcgNC4zNWg0eiIvPgogIDwvZz4KPC9zdmc+Cg==); }
  .cube span.text-ming i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzAuNCAyMS42aC02LjM1djEwLjloNi4zNVYyMS42em0tNi4zNSAyMy40NWg2LjM1di0xMS4xaC02LjM1djExLjF6bTYuMzUgMS40NWgtNi4zNXY1YzAgLjM1LTEuNyAxLjgtNC40NSAxLjhoLS45NVYxNy44bDYuMDUgMi4zNWg1LjJsMi43LTIuOTUgNS4zNSA0LjI1Yy0uMzUuNDUtMS4wNS44NS0yLjA1IDEuMDV2MjYuNDVjLS4wNS40NS0yLjYgMS44NS00LjYgMS44NWgtLjl2LTQuM3ptMTUuMy00LjQ1aDkuOFYzMmgtOS40NXYzLjJjMCAyLjI1LS4xIDQuNi0uMzUgNi44NXptOS44LTIxLjRoLTkuNDV2OS45aDkuNDV2LTkuOXptMi4wNS00LjQ1bDUuNiA0LjM1Yy0uMzUuNC0xLjA1Ljg1LTIuMSAxdjM0YzAgMy45NS0uOSA2LjI1LTcuOCA2Ljg1LS4yLTEuOC0uNTUtMy4xNS0xLjQ1LTQtLjk1LS45LTIuMy0xLjU1LTUuMi0ydi0uN3M2LjQuMzUgNy42NS4zNWMxIDAgMS4yNS0uMyAxLjI1LTEuMVY0My41aC0xMGMtMS4yNSA3LjM1LTQuOSAxNC4zLTE1LjQ1IDE4LjlsLS40NS0uNDVjOS40NS03LjI1IDEwLjktMTYuMyAxMC45LTI2LjdWMTYuOWw2LjM1IDIuM0g1NWwyLjU1LTN6Ii8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMzAuNCAxMDEuNmgtNi4zNXYxMC45aDYuMzV2LTEwLjl6bS02LjM1IDIzLjQ1aDYuMzV2LTExLjFoLTYuMzV2MTEuMXptNi4zNSAxLjQ1aC02LjM1djVjMCAuMzUtMS43IDEuOC00LjQ1IDEuOGgtLjk1Vjk3LjhsNi4wNSAyLjM1aDUuMmwyLjctMi45NSA1LjM1IDQuMjVjLS4zNS40NS0xLjA1Ljg1LTIuMDUgMS4wNXYyNi40NWMtLjA1LjQ1LTIuNiAxLjg1LTQuNiAxLjg1aC0uOXYtNC4zem0xNS4zLTQuNDVoOS44VjExMmgtOS40NXYzLjJjMCAyLjI1LS4xIDQuNi0uMzUgNi44NXptOS44LTIxLjRoLTkuNDV2OS45aDkuNDV2LTkuOXptMi4wNS00LjQ1bDUuNiA0LjM1Yy0uMzUuNC0xLjA1Ljg1LTIuMSAxdjM0YzAgMy45NS0uOSA2LjI1LTcuOCA2Ljg1LS4yLTEuOC0uNTUtMy4xNS0xLjQ1LTQtLjk1LS45LTIuMy0xLjU1LTUuMi0ydi0uN3M2LjQuMzUgNy42NS4zNWMxIDAgMS4yNS0uMyAxLjI1LTEuMVYxMjMuNWgtMTBjLTEuMjUgNy4zNS00LjkgMTQuMy0xNS40NSAxOC45bC0uNDUtLjQ1YzkuNDUtNy4yNSAxMC45LTE2LjMgMTAuOS0yNi43Vjk2LjlsNi4zNSAyLjNINTVsMi41NS0zeiIvPgogIDwvZz4KPC9zdmc+Cg==); }
  .cube span.text-chao i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDguMTUgNDEuMzVoNy40NVYzMS44aC03LjI1djRjMCAxLjg1LS4wNSAzLjctLjIgNS41NXptNy40NS0yMC4zaC03LjI1djkuMzVoNy4yNXYtOS4zNXpNMjQuMjUgMzcuMnY1LjdoOS4xNXYtNS43aC05LjE1em05LjE1LTcuMDVoLTkuMTV2NS42aDkuMTV2LTUuNnptMjQuMzUtMTMuNmw1LjY1IDQuNGMtLjM1LjQ1LTEuMDUuODUtMi4xIDEuMVY1NS42YzAgMy45NS0uODUgNi4yLTcuNDUgNi43NS0uMTUtMS44LS40NS0zLjE1LTEuMjUtMy45NS0uNzUtLjktMS44NS0xLjU1LTQuNC0xLjl2LS43NXM1LjIuMzUgNi4zLjM1Yy44NSAwIDEuMS0uMzUgMS4xLTEuMVY0Mi43NWgtNy41NWMtLjg1IDcuNC0zLjY1IDE0LjctMTIuOCAxOS44bC0uNS0uNDVjMy4yNS0zLjI1IDUuMjUtNi45NSA2LjQtMTAuOS0uMS4wNS0uMy4wNS0uNDUuMDVoLTkuMDV2OS41YzAgLjMtMS43NSAxLjY1LTQuNjUgMS42NWgtMS4wNVY1MS4yNWgtOS4xbC0uNC0xLjRoOS41di01LjVoLTEuN3YuOGMwIC41LTIuMzUgMS43LTQuNSAxLjdoLS44VjI2LjVsNS41IDIuMmgxLjV2LTQuODVoLTlsLS40LTEuNDVoOS40di02Ljk1bDcuNDUuNmMtLjA1Ljc1LS40IDEuMi0xLjc1IDEuNHY0Ljk1aDEuOGwyLjktNHMzLjM1IDIuNzUgNS4zNSA0LjY1Yy0uMTUuNTUtLjcuOC0xLjQuOGgtOC42NXY0Ljg1aDEuMjVsMi42LTIuNyA1LjM1IDRjLS4yNS4zNS0uOTUuOC0xLjg1Ljk1djEzLjRjLS4wNS40NS0yLjggMS42NS00LjcgMS42NWgtLjl2LTEuNjVoLTEuNzV2NS41aDIuNjVsMi43NS0zLjY1czIuNiAyLjEgNC40NSAzLjc1YzEuMTUtNC40NSAxLjQtOS4yIDEuNC0xNC4xNVYxNy4zbDYuMzUgMi4zNWg1Ljg1bDIuNjUtMy4xeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQ4LjE1IDEyMS4zNWg3LjQ1di05LjU1aC03LjI1djRjMCAxLjg1LS4wNSAzLjctLjIgNS41NXptNy40NS0yMC4zaC03LjI1djkuMzVoNy4yNXYtOS4zNXpNMjQuMjUgMTE3LjJ2NS43aDkuMTV2LTUuN2gtOS4xNXptOS4xNS03LjA1aC05LjE1djUuNmg5LjE1di01LjZ6bTI0LjM1LTEzLjZsNS42NSA0LjRjLS4zNS40NS0xLjA1Ljg1LTIuMSAxLjF2MzMuNTVjMCAzLjk1LS44NSA2LjItNy40NSA2Ljc1LS4xNS0xLjgtLjQ1LTMuMTUtMS4yNS0zLjk1LS43NS0uOS0xLjg1LTEuNTUtNC40LTEuOXYtLjc1czUuMi4zNSA2LjMuMzVjLjg1IDAgMS4xLS4zNSAxLjEtMS4xdi0xMi4yNWgtNy41NWMtLjg1IDcuNC0zLjY1IDE0LjctMTIuOCAxOS44bC0uNS0uNDVjMy4yNS0zLjI1IDUuMjUtNi45NSA2LjQtMTAuOS0uMS4wNS0uMy4wNS0uNDUuMDVoLTkuMDV2OS41YzAgLjMtMS43NSAxLjY1LTQuNjUgMS42NWgtMS4wNXYtMTEuMTVoLTkuMWwtLjQtMS40aDkuNXYtNS41aC0xLjd2LjhjMCAuNS0yLjM1IDEuNy00LjUgMS43aC0uOFYxMDYuNWw1LjUgMi4yaDEuNXYtNC44NWgtOWwtLjQtMS40NWg5LjR2LTYuOTVsNy40NS42Yy0uMDUuNzUtLjQgMS4yLTEuNzUgMS40djQuOTVoMS44bDIuOS00czMuMzUgMi43NSA1LjM1IDQuNjVjLS4xNS41NS0uNy44LTEuNC44aC04LjY1djQuODVoMS4yNWwyLjYtMi43IDUuMzUgNGMtLjI1LjM1LS45NS44LTEuODUuOTV2MTMuNGMtLjA1LjQ1LTIuOCAxLjY1LTQuNyAxLjY1aC0uOXYtMS42NWgtMS43NXY1LjVoMi42NWwyLjc1LTMuNjVzMi42IDIuMSA0LjQ1IDMuNzVjMS4xNS00LjQ1IDEuNC05LjIgMS40LTE0LjE1Vjk3LjNsNi4zNSAyLjM1aDUuODVsMi42NS0zLjF6Ii8+CiAgPC9nPgo8L3N2Zz4K); }
  .cube span.text-bonn i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNNTMuMTUgNDEuNzVsMi4xNS0uOTVjMi4xLjA1IDUuMS41IDYuMzUuOTUuNS4yLjg1LjYuODUgMS4xNSAwIDEuMjUtLjg1IDIuNC0xLjUgMi43LTEuMy0uMTUtNC43NS0uMjUtNi4zNS0uMjUtMy40NSAwLTI0LjE1LjItMjcuMS40LTEuMzUuMS00LjM1LjYtNS43IDEtMi0uNzUtNC4yLTIuMi01LjYtMy41NS0uMi0uMTUtLjI1LS40NS0uMTUtLjY1bC40NS0uOWMxLjk1LjM1IDQuNTUuNTUgNi40LjYgMS41NSAwIDcuNDUtLjA1IDEzLjY1LS4xVjM2Yy0xLjg1IDAtMy41NSAwLTQuODUuMDUtLjMuNy0uNyAxLjE1LTEuMDUgMS40NWgtMy4yYy0uNDUtMS0uNy0yLjUtLjctMy41bC0uMTUtMTEuODVjLS41NS0uNjUtMS45NS0xLjUtMy4xLTEuOWwuNC0xLjU1Yy4wNS0uMi4yLS4zNS43NS0uMzUgMS43NSAwIDUuNjUuMzUgNy4wNS43NS41LjE1LjcuNDUuNyAxLjFsLS4wNSAyLjU1djEuNGwxNC41NS0uMXYtMy45Yy0uNTUtLjgtMS43NS0xLjU1LTIuOTUtMi4wNWwuNi0xLjZjLjE1LS4yLjMtLjMuOC0uMyAxLjguMSA1LjM1Ljg1IDYuNzUgMS40LjQ1LjE1LjY1LjUuNjUgMS4wNWwtLjEgMi4zLS4xNSA2Ljk1YzAgMS42LS4zIDMuNi0uNjUgNC43NWwuODUuNGMuMzUuMTUuNS4zNS41Ljc1IDAgLjktLjMgMS43NS0uNiAyLjE1LTIuMzUtLjA1LTYuMzUgMC0xMC40IDB2Ni4xYzUuMS0uMSA5LjUtLjIgMTAuOS0uM3ptLTYuMi0xNC4yNWwtMTQuNi4xNS0uMSA0Ljk1IDE0LjctLjF2LTV6bS4xIDMwLjk1Yy0zIC4xLTkuOTUuMi0xMy4yLjE1LS45IDAtMS4yLS40LTEuMi0xLjN2LTMuNzVsLjEtMi42NWMwLS42NS0uMzUtMS4wNS0uOS0xLjI1LTEuNi0uMy01LjMtLjU1LTcuNC0uNTUtLjQ1IDAtLjY1LjItLjcuNGwtLjQgMS41YzEuMzUuNCAyLjcgMS4xNSAzLjUgMS44djQuN2MwIDMgMS4zNSA0LjUgNC44IDQuNWwyMS44NS0uMTVjLjM1IDAgLjctLjEuOS0uMy40LS4zNS44NS0xLjM1Ljg1LTIuNzUgMC0uNTUtLjM1LS45LS45LTEuMDUtMS4xNS0uMi0zLjY1LS40NS01LjMtLjRsLTIgMS4xeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUzLjE1IDEyMS43NWwyLjE1LS45NWMyLjEuMDUgNS4xLjUgNi4zNS45NS41LjIuODUuNi44NSAxLjE1IDAgMS4yNS0uODUgMi40LTEuNSAyLjctMS4zLS4xNS00Ljc1LS4yNS02LjM1LS4yNS0zLjQ1IDAtMjQuMTUuMi0yNy4xLjQtMS4zNS4xLTQuMzUuNi01LjcgMS0yLS43NS00LjItMi4yLTUuNi0zLjU1LS4yLS4xNS0uMjUtLjQ1LS4xNS0uNjVsLjQ1LS45YzEuOTUuMzUgNC41NS41NSA2LjQuNiAxLjU1IDAgNy40NS0uMDUgMTMuNjUtLjFWMTE2Yy0xLjg1IDAtMy41NSAwLTQuODUuMDUtLjMuNy0uNyAxLjE1LTEuMDUgMS40NWgtMy4yYy0uNDUtMS0uNy0yLjUtLjctMy41bC0uMTUtMTEuODVjLS41NS0uNjUtMS45NS0xLjUtMy4xLTEuOWwuNC0xLjU1Yy4wNS0uMi4yLS4zNS43NS0uMzUgMS43NSAwIDUuNjUuMzUgNy4wNS43NS41LjE1LjcuNDUuNyAxLjFsLS4wNSAyLjU1djEuNGwxNC41NS0uMXYtMy45Yy0uNTUtLjgtMS43NS0xLjU1LTIuOTUtMi4wNWwuNi0xLjZjLjE1LS4yLjMtLjMuOC0uMyAxLjguMSA1LjM1Ljg1IDYuNzUgMS40LjQ1LjE1LjY1LjUuNjUgMS4wNWwtLjEgMi4zLS4xNSA2Ljk1YzAgMS42LS4zIDMuNi0uNjUgNC43NWwuODUuNGMuMzUuMTUuNS4zNS41Ljc1IDAgLjktLjMgMS43NS0uNiAyLjE1LTIuMzUtLjA1LTYuMzUgMC0xMC40IDB2Ni4xYzUuMS0uMSA5LjUtLjIgMTAuOS0uM3ptLTYuMi0xNC4yNWwtMTQuNi4xNS0uMSA0Ljk1IDE0LjctLjF2LTV6bS4xIDMwLjk1Yy0zIC4xLTkuOTUuMi0xMy4yLjE1LS45IDAtMS4yLS40LTEuMi0xLjN2LTMuNzVsLjEtMi42NWMwLS42NS0uMzUtMS4wNS0uOS0xLjI1LTEuNi0uMy01LjMtLjU1LTcuNC0uNTUtLjQ1IDAtLjY1LjItLjcuNGwtLjQgMS41YzEuMzUuNCAyLjcgMS4xNSAzLjUgMS44djQuN2MwIDMgMS4zNSA0LjUgNC44IDQuNWwyMS44NS0uMTVjLjM1IDAgLjctLjEuOS0uMy40LS4zNS44NS0xLjM1Ljg1LTIuNzUgMC0uNTUtLjM1LS45LS45LTEuMDUtMS4xNS0uMi0zLjY1LS40NS01LjMtLjRsLTIgMS4xeiIvPgogIDwvZz4KPC9zdmc+Cg==); }
  .cube span.text-sti i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNNjIuMjUgMjkuNGMuNzUgMCAxLjMtLjI1IDEuNC0uOC0yLTEuOS01LjQ1LTQuOC01LjQ1LTQuOEw1NS4xIDI4aC02Ljd2LTkuN2MxLjM1LS4yIDEuNy0uNyAxLjgtMS40NWwtNy42NS0uNzVWMjhIMjkuNWwuNCAxLjRoMTAuNGMtMi4yIDcuOC02LjQgMTYuNC0xMS44NSAyMi4xNXYtMTguOWMuOTUtLjIgMS40LS41IDEuNTUtLjk1bC0zLjI1LTEuMmMyLjEtMy40NSA0LTcuMyA1LjY1LTExLjQ1IDEuMiAwIDEuOC0uNCAyLTEuMDVsLTguMTUtMi41NWMtMi4yIDkuODUtNi4zNSAyMC4xNS0xMC4zIDI2LjY1bC42LjRjMi4xNS0xLjc1IDQuMTUtMy44IDYtNi4xdjI2LjA1aDEuMWMyLjMgMCA0Ljc1LTEuMjUgNC44LTEuN3YtOC43bC4zLjM1YzUuNi0zLjY1IDEwLjM1LTguMiAxMy44LTEzLjU1VjUwLjVoLTcuNWwuNCAxLjRoNy4xdjEwLjQ1aDEuMWMyLjIgMCA0Ljc1LTEuNCA0Ljc1LTJWNTEuOWg3LjU1Yy43IDAgMS4yNS0uMjUgMS40LS43NS0xLjgtMS45LTQuOS00LjctNC45LTQuN0w0OS43IDUwLjVoLTEuM1YyOS40aC4xYzIuMDUgOS40NSA2LjI1IDE4LjQ1IDEyLjE1IDIzLjM1LjQ1LTIuNjUgMS41LTQuOSAzLjU1LTYuNTVsLjEtLjY1Yy02LjA1LTIuODUtMTEuOS04LjMtMTQuNy0xNi4xNWgxMi42NXoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik02Mi4yNSAxMDkuNGMuNzUgMCAxLjMtLjI1IDEuNC0uOC0yLTEuOS01LjQ1LTQuOC01LjQ1LTQuOGwtMy4xIDQuMmgtNi43di05LjdjMS4zNS0uMiAxLjctLjcgMS44LTEuNDVsLTcuNjUtLjc1VjEwOEgyOS41bC40IDEuNGgxMC40Yy0yLjIgNy44LTYuNCAxNi40LTExLjg1IDIyLjE1di0xOC45Yy45NS0uMiAxLjQtLjUgMS41NS0uOTVsLTMuMjUtMS4yYzIuMS0zLjQ1IDQtNy4zIDUuNjUtMTEuNDUgMS4yIDAgMS44LS40IDItMS4wNWwtOC4xNS0yLjU1Yy0yLjIgOS44NS02LjM1IDIwLjE1LTEwLjMgMjYuNjVsLjYuNGMyLjE1LTEuNzUgNC4xNS0zLjggNi02LjF2MjYuMDVoMS4xYzIuMyAwIDQuNzUtMS4yNSA0LjgtMS43di04LjdsLjMuMzVjNS42LTMuNjUgMTAuMzUtOC4yIDEzLjgtMTMuNTV2MTEuNjVoLTcuNWwuNCAxLjRoNy4xdjEwLjQ1aDEuMWMyLjIgMCA0Ljc1LTEuNCA0Ljc1LTJ2LTguNDVoNy41NWMuNyAwIDEuMjUtLjI1IDEuNC0uNzUtMS44LTEuOS00LjktNC43LTQuOS00LjdsLTIuNzUgNC4wNWgtMS4zdi0yMS4xaC4xYzIuMDUgOS40NSA2LjI1IDE4LjQ1IDEyLjE1IDIzLjM1LjQ1LTIuNjUgMS41LTQuOSAzLjU1LTYuNTVsLjEtLjY1Yy02LjA1LTIuODUtMTEuOS04LjMtMTQuNy0xNi4xNWgxMi42NXoiLz4KICA8L2c+Cjwvc3ZnPgo=); }
  .cube span.text-kming i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDYuOCAxNy4yNWwuNi0xLjhjLjEtLjIuMjUtLjM1Ljc1LS4zNSAyLjM1LjEgNi4xLjg1IDcuODUgMS42LjUuMjUuNy43LjcgMS4zNUw1Ni41IDIxdjEzLjhjMCAyLjc1LS44IDcuNjUtMS44IDEwLjA1aC0zLjM1Yy0uMzUtMS42LS42NS02LjM1LS42NS04LjQtMS41IDAtMy4wNS4xLTMuOC4xNS0uOC4wNS0yLjA1LjI1LTIuOS41NS0uOS0uNTUtMS43LTEuMi0yLjQ1LTEuODVsLS4zIDIuMy43LjM1Yy4zLjE1LjQ1LjQ1LjQ1Ljc1IDAgMS4yNS0uMzUgMi4yLS43IDIuNmwtMTUuMS4xNWMtLjIuOC0uNTUgMS41LTEuMDUgMi4xNWgtMy4yYy0uNC0xLS42NS0yLjUtLjc1LTMuNzVsLTEuMDUtMTQuOGMtLjU1LS42NS0xLjYtMS4zNS0yLjctMS43NWwuNC0xLjZjLjEtLjE1LjI1LS4zLjY1LS4zIDIgMCA1LjY1LjMgNy43LjY1IDIuNC4wNSA3LjY1LS4wNSAxMC4xLS4ybDIuMTUtMS4xYy4zLS4xLjc1LS4xIDEuMDUgMCAuOC40IDIuNDUgMS4yIDMuMTUgMS42NS4yLjE1LjI1LjM1LjEuNzVMNDIuNiAyNWMuNi4wNSAxLjI1LjEgMS44NS4xIDEuNCAwIDQuMTUtLjA1IDYuMjUtLjJ2LTQuOGMtLjY1LTEuMS0yLjItMi4yLTMuOS0yLjg1em0tMjAuMiA4LjNsLjE1IDEyLjM1YzIuNi4wNSA2LjU1IDAgOC43NS0uMWwuOS0uMjUuMS0xMi4xNWMtMy4xIDAtNi45LjEtOS45LjE1em0yNC4xIDcuNzV2LTUuMmMtMS41NSAwLTMuMy4wNS00LjEuMS0uOC4xLTIuMDUuMy0yLjkuNi0uNS0uMy0uOTUtLjY1LTEuNC0uOTUtLjEgMS43NS0uMyAzLjYtLjUgNS40Ljk1LjE1IDIgLjIgMi45NS4yIDEuMzUgMCAzLjktLjA1IDUuOTUtLjE1em0tNi4xIDEwLjljNi4yIDAgMTEuMzUgMy41IDExLjM1IDkuMTUgMCA2LTUuMTUgOS43NS0xMS4zNSA5Ljc1LTYuMiAwLTExLjMtMy43NS0xMS4zLTkuNzUgMC01LjY1IDUuMS05LjE1IDExLjMtOS4xNXptMCAxNC40YzMuMSAwIDUuNS0xLjkgNS41LTUuMjVzLTIuNC01LjI1LTUuNS01LjI1LTUuNDUgMS45LTUuNDUgNS4yNSAyLjM1IDUuMjUgNS40NSA1LjI1eiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQ2LjggOTcuMjVsLjYtMS44Yy4xLS4yLjI1LS4zNS43NS0uMzUgMi4zNS4xIDYuMS44NSA3Ljg1IDEuNi41LjI1LjcuNy43IDEuMzVsLS4yIDIuOTV2MTMuOGMwIDIuNzUtLjggNy42NS0xLjggMTAuMDVoLTMuMzVjLS4zNS0xLjYtLjY1LTYuMzUtLjY1LTguNC0xLjUgMC0zLjA1LjEtMy44LjE1LS44LjA1LTIuMDUuMjUtMi45LjU1LS45LS41NS0xLjctMS4yLTIuNDUtMS44NWwtLjMgMi4zLjcuMzVjLjMuMTUuNDUuNDUuNDUuNzUgMCAxLjI1LS4zNSAyLjItLjcgMi42bC0xNS4xLjE1Yy0uMi44LS41NSAxLjUtMS4wNSAyLjE1aC0zLjJjLS40LTEtLjY1LTIuNS0uNzUtMy43NWwtMS4wNS0xNC44Yy0uNTUtLjY1LTEuNi0xLjM1LTIuNy0xLjc1bC40LTEuNmMuMS0uMTUuMjUtLjMuNjUtLjMgMiAwIDUuNjUuMyA3LjcuNjUgMi40LjA1IDcuNjUtLjA1IDEwLjEtLjJsMi4xNS0xLjFjLjMtLjEuNzUtLjEgMS4wNSAwIC44LjQgMi40NSAxLjIgMy4xNSAxLjY1LjIuMTUuMjUuMzUuMS43NUw0Mi42IDEwNWMuNi4wNSAxLjI1LjEgMS44NS4xIDEuNCAwIDQuMTUtLjA1IDYuMjUtLjJ2LTQuOGMtLjY1LTEuMS0yLjItMi4yLTMuOS0yLjg1em0tMjAuMiA4LjNsLjE1IDEyLjM1YzIuNi4wNSA2LjU1IDAgOC43NS0uMWwuOS0uMjUuMS0xMi4xNWMtMy4xIDAtNi45LjEtOS45LjE1em0yNC4xIDcuNzV2LTUuMmMtMS41NSAwLTMuMy4wNS00LjEuMS0uOC4xLTIuMDUuMy0yLjkuNi0uNS0uMy0uOTUtLjY1LTEuNC0uOTUtLjEgMS43NS0uMyAzLjYtLjUgNS40Ljk1LjE1IDIgLjIgMi45NS4yIDEuMzUgMCAzLjktLjA1IDUuOTUtLjE1em0tNi4xIDEwLjljNi4yIDAgMTEuMzUgMy41IDExLjM1IDkuMTUgMCA2LTUuMTUgOS43NS0xMS4zNSA5Ljc1LTYuMiAwLTExLjMtMy43NS0xMS4zLTkuNzUgMC01LjY1IDUuMS05LjE1IDExLjMtOS4xNXptMCAxNC40YzMuMSAwIDUuNS0xLjkgNS41LTUuMjVzLTIuNC01LjI1LTUuNS01LjI1LTUuNDUgMS45LTUuNDUgNS4yNSAyLjM1IDUuMjUgNS40NSA1LjI1eiIvPgogIDwvZz4KPC9zdmc+Cg==); }
  .cube span.text-jo i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMjAuMiA0My40NWwtLjctLjk1Yy0uMi0uMjUtLjItLjUuMi0uNjUgMTAuMi00LjcgMTguNi0xMC40IDIzLjc1LTE2LjYtMy45NSAwLTkuNTUuMS0xMS4xNS4yLTEuMjUuMDUtMy41LjQ1LTQuNzUuODUtMS44LS43NS0zLjc1LTEuOTUtNS4wNS0zLjE1LS4yNS0uMjUtLjMtLjQ1LS4xNS0uN2wuNC0uOGMxLjguMjUgNC4xNS40IDUuOC40IDIuNi4wNSAxNC43NS0uMTUgMTcuNi0uM2wyLjQ1LTFjLjMtLjEuOC0uMSAxLjIgMCAxIC40IDIuOSAxLjE1IDMuNjUgMS41NS4zLjIuMy41NS4wNS44NWwtMS44IDEuOWMtMi40IDIuOS01LjM1IDUuNi04Ljc1IDguMDVsNyAyLjQgMy40NS4yYzEuMzUuNiAzLjIgMS43NSA0LjA1IDIuNDUuNzUuNTUgMS4xIDEuMSAxLjEgMS42LjA1LjktLjkgMS44NS0xLjg1IDEuOTUtLjU1LjEtMS4yNS0uMDUtMS45LS4zbC0xNS40LTUuOWMtNS40NSAzLjM1LTExLjc1IDYuMS0xOC40NSA4LjA1LS40LjEtLjY1LjA1LS43NS0uMXptMzIuOTUgOC4zbDIuMTUtLjk1YzIuMS4xIDUuMS41NSA2LjM1IDEgLjUuMTUuODUuNTUuODUgMS4xNSAwIDEuMjUtLjg1IDIuNC0xLjUgMi43LTEuMy0uMTUtNC43NS0uMjUtNi4zNS0uMjUtMy40NSAwLTI0LjE1LjItMjcuMS40LTEuMzUuMS00LjM1LjYtNS43IDEtMi0uNzUtNC4yLTIuMi01LjYtMy41NS0uMi0uMTUtLjI1LS40NS0uMTUtLjdsLjQ1LS44NWMxLjk1LjM1IDQuNTUuNTUgNi40LjU1IDEuNTUgMCA3LjY1IDAgMTQtLjFsLS4wNS03Yy0uNTUtLjctMS44NS0xLjU1LTMtMS45bC4zNS0xLjZjLjA1LS4xNS4xNS0uMy43NS0uMyAxLjc1IDAgNS44NS4zNSA3LjIuNzUuNTUuMTUuNzUuNS43IDEuMDVsLS4zIDIuOS0uMTUgNmM1LS4xIDkuMzUtLjIgMTAuNy0uM3oiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMC4yIDEyMy40NWwtLjctLjk1Yy0uMi0uMjUtLjItLjUuMi0uNjUgMTAuMi00LjcgMTguNi0xMC40IDIzLjc1LTE2LjYtMy45NSAwLTkuNTUuMS0xMS4xNS4yLTEuMjUuMDUtMy41LjQ1LTQuNzUuODUtMS44LS43NS0zLjc1LTEuOTUtNS4wNS0zLjE1LS4yNS0uMjUtLjMtLjQ1LS4xNS0uN2wuNC0uOGMxLjguMjUgNC4xNS40IDUuOC40IDIuNi4wNSAxNC43NS0uMTUgMTcuNi0uM2wyLjQ1LTFjLjMtLjEuOC0uMSAxLjIgMCAxIC40IDIuOSAxLjE1IDMuNjUgMS41NS4zLjIuMy41NS4wNS44NWwtMS44IDEuOWMtMi40IDIuOS01LjM1IDUuNi04Ljc1IDguMDVsNyAyLjQgMy40NS4yYzEuMzUuNiAzLjIgMS43NSA0LjA1IDIuNDUuNzUuNTUgMS4xIDEuMSAxLjEgMS42LjA1LjktLjkgMS44NS0xLjg1IDEuOTUtLjU1LjEtMS4yNS0uMDUtMS45LS4zbC0xNS40LTUuOWMtNS40NSAzLjM1LTExLjc1IDYuMS0xOC40NSA4LjA1LS40LjEtLjY1LjA1LS43NS0uMXptMzIuOTUgOC4zbDIuMTUtLjk1YzIuMS4xIDUuMS41NSA2LjM1IDEgLjUuMTUuODUuNTUuODUgMS4xNSAwIDEuMjUtLjg1IDIuNC0xLjUgMi43LTEuMy0uMTUtNC43NS0uMjUtNi4zNS0uMjUtMy40NSAwLTI0LjE1LjItMjcuMS40LTEuMzUuMS00LjM1LjYtNS43IDEtMi0uNzUtNC4yLTIuMi01LjYtMy41NS0uMi0uMTUtLjI1LS40NS0uMTUtLjdsLjQ1LS44NWMxLjk1LjM1IDQuNTUuNTUgNi40LjU1IDEuNTUgMCA3LjY1IDAgMTQtLjFsLS4wNS03Yy0uNTUtLjctMS44NS0xLjU1LTMtMS45bC4zNS0xLjZjLjA1LS4xNS4xNS0uMy43NS0uMyAxLjc1IDAgNS44NS4zNSA3LjIuNzUuNTUuMTUuNzUuNS43IDEuMDVsLS4zIDIuOS0uMTUgNmM1LS4xIDkuMzUtLjIgMTAuNy0uM3oiLz4KICA8L2c+Cjwvc3ZnPgo=); }
  .cube span.text-no i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNjAiIHZpZXdCb3g9IjAgMCA4MCAxNjAiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDYuNDUgMjYuNGMwIC45NS0uMzUgMi4yLTEuMDUgMy44LTMuNCA4LjE1LTEyLjggMjEuMDUtMjQuNSAyOWwuNiAxYzE0Ljg1LTUuOSAyNS4wNS0xNy41NSAzMC43LTI4LjcuOS0xLjggMi44NS0yLjA1IDIuODUtMy44IDAtMS45NS0zLjM1LTQuOTUtNi4zLTYtMS43NS0uNi0zLjgtLjYtNS42LS40bC0uMi45YzIuOSAxLjcgMy41IDIuNTUgMy41IDQuMnoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00Ni40NSAxMDYuNGMwIC45NS0uMzUgMi4yLTEuMDUgMy44LTMuNCA4LjE1LTEyLjggMjEuMDUtMjQuNSAyOWwuNiAxYzE0Ljg1LTUuOSAyNS4wNS0xNy41NSAzMC43LTI4LjcuOS0xLjggMi44NS0yLjA1IDIuODUtMy44IDAtMS45NS0zLjM1LTQuOTUtNi4zLTYtMS43NS0uNi0zLjgtLjYtNS42LS40bC0uMi45YzIuOSAxLjcgMy41IDIuNTUgMy41IDQuMnoiLz4KICA8L2c+Cjwvc3ZnPgo=); }

.win-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  display: none; }
  body.win-on .win-overlay {
    display: block; }
  .win-overlay .container.win-text {
    margin-top: 40px;
    text-align: center; }
    .win-overlay .container.win-text h1.secondary-title {
      margin-bottom: 20px; }
  .win-overlay .container.glyph-regional-design {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px; }