/* line 29, /opt/fontreach/source/stylesheets/all.scss */
* {
  box-sizing: border-box; }

/* line 33, /opt/fontreach/source/stylesheets/all.scss */
body {
  font-family: "brandon-grotesque";
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  transition: background-color .5s;
  -webkit-transition: background-color .5s; }

/* line 43, /opt/fontreach/source/stylesheets/all.scss */
a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #DBDBDB; }

/* line 49, /opt/fontreach/source/stylesheets/all.scss */
.cubeWrap {
  position: relative;
  z-index: 15; }
  /* line 53, /opt/fontreach/source/stylesheets/all.scss */
  .cubeWrap.center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 0; }

/* line 62, /opt/fontreach/source/stylesheets/all.scss */
.wrapper {
  width: 600px;
  margin: 0 auto;
  transition: opacity .3s ease;
  -webkit-transition: opacity .3s ease; }

/* line 69, /opt/fontreach/source/stylesheets/all.scss */
::-webkit-scrollbar {
  display: none; }

/* line 73, /opt/fontreach/source/stylesheets/all.scss */
.Cube {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 50px;
  transform-style: preserve-3d;
  transition: transform 0.5s 0.1s;
  perspective: 9999px;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  -webkit-perspective: 9999px;
  color: #333;
  margin: -40px 0 0 -40px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -37px;
  top: 65px;
  opacity: 0;
  overflow: visible;
  -webkit-backface-visibility: hidden; }
  /* line 96, /opt/fontreach/source/stylesheets/all.scss */
  .Cube.spin {
    animation: panel 2.2s infinite forwards;
    -webkit-animation: panel 2.2s infinite forwards; }
  /* line 101, /opt/fontreach/source/stylesheets/all.scss */
  .Cube.panelLoad {
    z-index: 11 !important;
    animation: panel 2.2s infinite forwards;
    -webkit-animation: panel 2.2s infinite forwards; }
    /* line 108, /opt/fontreach/source/stylesheets/all.scss */
    .Cube.panelLoad .cube-face {
      color: white;
      box-shadow: inset 0 0 0 1px #fff, 0 0 1px 1px #fff; }
  /* line 114, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face {
    width: inherit;
    height: inherit;
    position: absolute;
    background-color: white;
    box-shadow: inset 0 0 0 1px #333, 0 0 1px 1px #333;
    display: none;
    opacity: 0;
    -webkit-backface-visibility: hidden; }
  /* line 125, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-front {
    transform: translate3d(0, 0, 40px);
    -webkit-transform: translate3d(0, 0, 40px);
    font-size: 57px; }
  /* line 131, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-back {
    transform: rotateY(180deg) translate3d(0, 0, 40px);
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 40px); }
  /* line 136, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-left {
    transform: rotateY(-90deg) translate3d(0, 0, 40px);
    -webkit-transform: rotateY(-90deg) translate3d(0, 0, 40px); }
  /* line 141, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-right {
    transform: rotateY(90deg) translate3d(0, 0, 40px);
    -webkit-transform: rotateY(90deg) translate3d(0, 0, 40px); }
  /* line 146, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-top {
    transform: rotateX(90deg) translate3d(0, 0, 40px);
    -webkit-transform: rotateX(90deg) translate3d(0, 0, 40px); }
  /* line 151, /opt/fontreach/source/stylesheets/all.scss */
  .Cube .cube-face-bottom {
    transform: rotateX(-90deg) translate3d(0, 0, 40px);
    -webkit-transform: rotateX(-90deg) translate3d(0, 0, 40px); }

@keyframes panel {
  0% {
    transform: rotateY(0deg) rotateZ(0deg);
    -webkit-transform: rotateY(0deg) rotateZ(0deg); }
  20% {
    transform: rotateY(90deg) rotateZ(0deg);
    -webkit-transform: rotateY(90deg) rotateZ(0deg); }
  40% {
    transform: rotateX(45deg) rotateZ(45deg);
    -webkit-transform: rotateX(45deg) rotateZ(45deg); }
  60% {
    transform: rotateX(90deg) rotateY(180deg) rotateX(90deg);
    -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); }
  80% {
    transform: rotateX(310deg) rotateZ(230deg);
    -webkit-transform: rotateX(310deg) rotateZ(230deg); }
  100% {
    transform: rotateX(360deg) rotateZ(360deg);
    -webkit-transform: rotateX(360deg) rotateZ(360deg); } }
@-webkit-keyframes panel {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(0deg); }
  20% {
    -webkit-transform: rotateY(90deg) rotateZ(0deg); }
  40% {
    -webkit-transform: rotateX(45deg) rotateZ(45deg); }
  60% {
    -webkit-transform: rotateX(90deg) rotateY(180deg) rotateX(90deg); }
  80% {
    -webkit-transform: rotateX(310deg) rotateZ(230deg); }
  100% {
    -webkit-transform: rotateX(360deg) rotateZ(360deg); } }
/* line 206, /opt/fontreach/source/stylesheets/all.scss */
.results form {
  top: 0; }
  /* line 209, /opt/fontreach/source/stylesheets/all.scss */
  .results form span.clear {
    visibility: visible;
    opacity: .2;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    transition-delay: .4s;
    -webkit-transition-delay: .4s; }
    /* line 217, /opt/fontreach/source/stylesheets/all.scss */
    .results form span.clear:hover {
      opacity: 1;
      transition-delay: 0s;
      -webkit-transition-delay: 0s; }
  /* line 224, /opt/fontreach/source/stylesheets/all.scss */
  .results form input.big {
    border-bottom: 3px solid #111;
    width: 100%; }
    /* line 228, /opt/fontreach/source/stylesheets/all.scss */
    .results form input.big:focus {
      outline: 0;
      border-color: #111; }
/* line 235, /opt/fontreach/source/stylesheets/all.scss */
.results .initialFooter {
  transform: translateY(54px);
  -webkit-transform: translateY(54px);
  -ms-transform: translateY(54px); }
/* line 241, /opt/fontreach/source/stylesheets/all.scss */
.results footer {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0); }
/* line 248, /opt/fontreach/source/stylesheets/all.scss */
.results .dropDown li {
  display: block !important; }

/* line 254, /opt/fontreach/source/stylesheets/all.scss */
form {
  position: absolute;
  margin-left: calc(-300px);
  top: 32%;
  left: 50%;
  width: calc(600px);
  transition: top .3s ease;
  -webkit-transition: top .3s ease;
  opacity: 0;
  z-index: 1;
  border-top: 65px solid rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.9); }

/* line 269, /opt/fontreach/source/stylesheets/all.scss */
label {
  display: none;
  position: absolute;
  left: 0;
  top: 20px;
  color: #EF5B5B;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px; }

/* line 281, /opt/fontreach/source/stylesheets/all.scss */
span.clear {
  display: block;
  visibility: hidden;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-2.7%205.3%20505.4%20507%22%20enable-background%3D%22new%20-2.7%205.3%20505.4%20507%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23111111%22%20d%3D%22M270%2C258.8L498.6%2C29.5c2.6-2.6%2C4.1-6.2%2C4.1-10s-1.4-7.4-4.1-10c-2.6-2.6-6.2-4.1-10-4.1s-7.4%2C1.4-10%2C4.1%0D%0A%09L250%2C238.8L21.7%2C9.5c-2.6-2.7-6.1-4.2-10-4.2c-3.8%2C0-7.4%2C1.5-10.1%2C4.1c-2.7%2C2.6-4.3%2C6.3-4.3%2C10c0%2C3.8%2C1.6%2C7.4%2C4.3%2C10l228.6%2C229.3%0D%0A%09L1.6%2C488.1c-2.6%2C2.6-4.1%2C6.2-4.1%2C10s1.4%2C7.4%2C4.1%2C10c2.7%2C2.7%2C6.2%2C4.1%2C9.9%2C4.1c3.8%2C0%2C7.5-1.5%2C10.1-4.1L250%2C278.8l228.4%2C229.3%0D%0A%09c2.7%2C2.7%2C6.2%2C4.1%2C10.1%2C4.1c3.9%2C0%2C7.5-1.5%2C9.9-4.2c2.7-2.6%2C4.2-6.2%2C4.2-10c0-3.8-1.6-7.4-4.3-10L270%2C258.8z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 28px;
  right: 12px;
  width: 26px;
  height: 26px;
  opacity: 0; }

/* line 297, /opt/fontreach/source/stylesheets/all.scss */
input.big {
  display: block;
  margin: 0 auto;
  border: 0;
  font-weight: 400;
  font-size: 50px;
  padding: 0 0 1px 0;
  border-bottom: 3px solid #EAEAEA;
  background-color: transparent;
  width: 83%;
  transition: border .2s ease, width .3s ease;
  -webkit-transition: border .2s ease, width .3s ease;
  color: #303030;
  text-align: center;
  height: 80px; }
  /* line 313, /opt/fontreach/source/stylesheets/all.scss */
  input.big[disabled] {
    border-color: #eee !important; }
  /* line 317, /opt/fontreach/source/stylesheets/all.scss */
  input.big:focus {
    outline: 0;
    transition: top .3s ease, border 1s ease;
    -webkit-transition: top .3s ease, border 1s ease; }

/* line 325, /opt/fontreach/source/stylesheets/all.scss */
input::-webkit-input-placeholder {
  color: #eaeaea;
  letter-spacing: -.8px; }

/* line 330, /opt/fontreach/source/stylesheets/all.scss */
input::-moz-placeholder {
  color: #eaeaea;
  letter-spacing: -.8px; }

/* line 335, /opt/fontreach/source/stylesheets/all.scss */
input:-ms-input-placeholder {
  color: #eaeaea;
  letter-spacing: -.8px; }

/* line 340, /opt/fontreach/source/stylesheets/all.scss */
.options, .error {
  text-align: center;
  margin-left: -300px;
  position: absolute;
  top: calc(32% + 65px + 80px);
  left: 50%;
  width: 600px;
  z-index: 1; }
  /* line 349, /opt/fontreach/source/stylesheets/all.scss */
  .options p.description, .error p.description {
    font-size: 20px;
    max-width: 375px;
    margin: 35px auto 30px;
    font-weight: 400; }
    /* line 355, /opt/fontreach/source/stylesheets/all.scss */
    .options p.description a, .error p.description a {
      border: 0;
      color: #3888F2;
      background-color: rgba(56, 136, 242, 0.07843);
      padding: 1px 8px;
      font-size: 15px;
      position: relative;
      transition: background-color .2s ease;
      -webkit-transition: background-color .2s ease; }

/* line 368, /opt/fontreach/source/stylesheets/all.scss */
.options p {
  opacity: 0;
  display: none; }

/* line 374, /opt/fontreach/source/stylesheets/all.scss */
.error {
  display: none; }
  /* line 377, /opt/fontreach/source/stylesheets/all.scss */
  .error p {
    color: red;
    opacity: 1;
    font-size: 21px;
    max-width: 300px;
    margin: 35px auto 30px;
    font-weight: 400; }

/* line 386, /opt/fontreach/source/stylesheets/all.scss */
.dropDown {
  position: relative;
  z-index: 0;
  top: 135px;
  padding: 0 15px; }
  /* line 392, /opt/fontreach/source/stylesheets/all.scss */
  .dropDown.show {
    visibility: visible; }
    /* line 395, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown.show li {
      cursor: pointer;
      text-align: right; }
      /* line 399, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown.show li div {
        width: 82%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
        text-align: left; }
  /* line 410, /opt/fontreach/source/stylesheets/all.scss */
  .dropDown ul {
    padding: 0;
    margin: 30px 0;
    display: inline-block;
    width: 100%; }
  /* line 417, /opt/fontreach/source/stylesheets/all.scss */
  .dropDown li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none !important;
    font-size: 38px;
    line-height: 1.8;
    color: #646464;
    opacity: 0;
    position: relative;
    float: left;
    width: 100%;
    letter-spacing: 0;
    transition: letter-spacing .3s ease;
    -webkit-transition: letter-spacing .3s ease; }
    /* line 433, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li.selected {
      letter-spacing: 1.5px;
      font-weight: 300; }
      /* line 437, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown li.selected .used-by, .dropDown li.selected .rank {
        opacity: 1;
        display: inline-block; }
      /* line 442, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown li.selected .outline {
        border: 1px solid #111;
        position: absolute;
        top: -3px;
        left: -15px;
        right: -15px;
        bottom: -3px;
        content: '';
        z-index: -1; }
      /* line 453, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown li.selected .count {
        color: #4e4e4e; }
    /* line 458, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li .used-by, .dropDown li .rank {
      opacity: 0;
      display: none;
      position: relative;
      transition: opacity .3s ease-in-out;
      -webkit-transition: opacity .3s ease-in-out;
      font-weight: 400;
      letter-spacing: 0;
      margin: 0;
      top: -9px; }
    /* line 470, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li .used-by {
      font-size: 17px;
      clear: left;
      text-align: left;
      left: 2px;
      float: left; }
    /* line 478, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li .rank {
      font-size: 17px;
      text-align: right;
      float: right; }
    /* line 484, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li span.count {
      font-weight: 400;
      font-size: 16px;
      padding: 0;
      color: #B1B1B1;
      background-color: #FFF;
      letter-spacing: .1px;
      margin-right: 1px;
      margin-top: -8px;
      display: inline-block;
      vertical-align: middle; }
      /* line 495, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown li span.count:after {
        content: ' sites'; }
    /* line 500, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li span.highlight {
      color: #E507C1; }
    /* line 504, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li p {
      display: inline; }
    /* line 508, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li:hover {
      letter-spacing: 1.5px;
      font-weight: 400; }
      /* line 512, /opt/fontreach/source/stylesheets/all.scss */
      .dropDown li:hover .count {
        color: #4e4e4e; }

/* line 519, /opt/fontreach/source/stylesheets/all.scss */
.panelTable {
  margin-top: 30px;
  z-index: 10;
  visibility: visible;
  text-align: left;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition-delay: .7s;
  -webkit-transition-delay: .7s;
  -webkit-overflow-scrolling: touch; }
  /* line 530, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable.show {
    visibility: visible; }
    /* line 533, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable.show li {
      cursor: pointer; }
  /* line 538, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable ul {
    padding: 0;
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%; }
    /* line 545, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable ul.stagger li {
      opacity: 1;
      transform: translateY(0px); }
  /* line 552, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable li {
    list-style: none;
    padding: 0;
    padding: 2px 0;
    font-size: 30px;
    letter-spacing: 0;
    opacity: 0;
    line-height: 1.5;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
    transform: translateY(25px);
    -webkit-backface-visibility: hidden; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(1) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.06s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.06s, opacity 1s ease 0.06s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(2) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.12s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.12s, opacity 1s ease 0.12s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(3) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.18s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.18s, opacity 1s ease 0.18s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(4) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.24s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.24s, opacity 1s ease 0.24s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(5) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.3s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.3s, opacity 1s ease 0.3s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(6) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.36s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.36s, opacity 1s ease 0.36s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(7) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.42s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.42s, opacity 1s ease 0.42s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(8) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.48s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.48s, opacity 1s ease 0.48s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(9) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.54s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.54s, opacity 1s ease 0.54s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(10) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.6s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.6s, opacity 1s ease 0.6s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(11) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.66s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.66s, opacity 1s ease 0.66s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(12) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.72s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.72s, opacity 1s ease 0.72s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(13) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.78s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.78s, opacity 1s ease 0.78s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(14) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.84s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.84s, opacity 1s ease 0.84s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(15) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.9s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.9s, opacity 1s ease 0.9s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(16) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 0.96s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 0.96s, opacity 1s ease 0.96s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(17) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.02s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.02s, opacity 1s ease 1.02s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(18) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.08s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.08s, opacity 1s ease 1.08s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(19) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.14s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.14s, opacity 1s ease 1.14s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(20) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.2s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.2s, opacity 1s ease 1.2s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(21) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.26s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.26s, opacity 1s ease 1.26s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(22) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.32s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.32s, opacity 1s ease 1.32s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(23) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.38s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.38s, opacity 1s ease 1.38s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(24) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.44s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.44s, opacity 1s ease 1.44s; }
    /* line 569, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:nth-child(25) {
      -webkit-transition: letter-spacing 0.3s ease 0s, opacity 1s ease 1.5s;
      transition: letter-spacing 0.3s ease 0s, transform 0.5s ease 1.5s, opacity 1s ease 1.5s; }
    /* line 577, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:first-child.active:before {
      border-top: 0; }
    /* line 583, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:before {
      transition: all .4s ease;
      -webkit-transition: all .4s ease;
      transition-delay: 400ms;
      -webkit-transition-delay: 400ms;
      left: -13px;
      right: -13px;
      top: -1px;
      bottom: -1px; }
    /* line 595, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.selected {
      letter-spacing: 1.5px;
      font-weight: 400; }
      /* line 599, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.selected:before {
        position: absolute;
        top: -3px;
        bottom: -3px;
        content: '';
        border: 1px solid rgba(255, 255, 255, 0.4); }
      /* line 609, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.selected:hover p {
        opacity: 1; }
      /* line 614, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.selected span {
        letter-spacing: 0; }
      /* line 618, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.selected p {
        opacity: 1;
        letter-spacing: 0;
        font-size: 25px; }
    /* line 625, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li div {
      float: left;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      text-align: left; }
    /* line 634, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li p {
      color: rgba(255, 255, 255, 0.33);
      display: inline-block;
      opacity: 0;
      margin: 0 5px 0 0;
      letter-spacing: 0; }
    /* line 642, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li span {
      letter-spacing: 0;
      display: inline-block;
      font-variant-numeric: tabular-nums;
      -moz-font-feature-settings: "tnum";
      -ms-font-feature-settings: "tnum";
      -webkit-font-feature-settings: "tnum";
      font-feature-settings: "tnum"; }
    /* line 652, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:hover, .panelTable li.active {
      letter-spacing: 1.5px;
      font-weight: 400; }
      /* line 656, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li:hover span, .panelTable li.active span {
        letter-spacing: 0; }
      /* line 660, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li:hover p, .panelTable li.active p {
        opacity: 0; }
    /* line 665, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.active {
      position: relative; }
      /* line 669, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.active:hover p {
        opacity: 1; }
      /* line 674, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.active p {
        opacity: 1;
        letter-spacing: 0; }
      /* line 679, /opt/fontreach/source/stylesheets/all.scss */
      .panelTable li.active:before {
        content: '';
        position: absolute;
        left: -60px;
        right: -60px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        background-color: rgba(255, 255, 255, 0.05);
        border-right: 0;
        border-left: 0; }

/* line 693, /opt/fontreach/source/stylesheets/all.scss */
.initialFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  z-index: 11;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }
  /* line 708, /opt/fontreach/source/stylesheets/all.scss */
  .initialFooter .author {
    margin: 18px auto 0 auto;
    display: block;
    width: 100%;
    text-align: center; }

/* line 716, /opt/fontreach/source/stylesheets/all.scss */
.author {
  font-weight: 400;
  text-decoration: none;
  font-size: 15px;
  color: #333;
  position: relative;
  z-index: 1; }

/* line 725, /opt/fontreach/source/stylesheets/all.scss */
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  z-index: 11;
  transform: translateY(54px);
  -webkit-transform: translateY(54px);
  -ms-transform: translateY(54px);
  transition: all .3s ease;
  -webkit-transition: all .3s ease; }
  /* line 738, /opt/fontreach/source/stylesheets/all.scss */
  footer .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none; }
  /* line 747, /opt/fontreach/source/stylesheets/all.scss */
  footer .logo {
    display: block;
    background-size: 100%;
    width: 30px;
    height: 30px;
    top: 12px;
    position: absolute;
    left: 12px;
    margin: 0;
    opacity: 1;
    border: 1px solid black;
    text-align: center;
    z-index: 1;
    cursor: pointer; }
    /* line 762, /opt/fontreach/source/stylesheets/all.scss */
    footer .logo span {
      line-height: 30px;
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1.3px;
      right: -1px;
      position: relative; }
  /* line 772, /opt/fontreach/source/stylesheets/all.scss */
  footer .author {
    float: right;
    margin: 18px 18px 0 5px; }

/* line 778, /opt/fontreach/source/stylesheets/all.scss */
.showFont-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  bottom: 0;
  left: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  transition: transform 0.9s cubic-bezier(0.27, 0.17, 0.37, 1.03);
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.27, 0.17, 0.37, 1.03); }
  /* line 793, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .content {
    position: relative;
    z-index: 10;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  /* line 800, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .gradient-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(-90deg, #27C4B9, #27C495);
    opacity: 0; }
    /* line 810, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .gradient-panel.show {
      opacity: 1;
      transition: opacity .7s ease;
      -webkit-transition: opacity .7s ease; }
  /* line 817, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap.panelUp {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transition: transform 0.8s cubic-bezier(0.16, 0.54, 0.45, 1.01);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.16, 0.54, 0.45, 1.01); }
  /* line 825, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap.background-transition {
    transition: transform 0.8s cubic-bezier(0.16, 0.54, 0.45, 1.01), background-color 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.16, 0.54, 0.45, 1.01), background-color 0.8s ease; }
  /* line 830, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap span.close {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22395.9%20141.8%20208.3%20209%22%20enable-background%3D%22new%20395.9%20141.8%20208.3%20209%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M506.3%2C246.3l96.6-96.9c1.7-1.7%2C1.7-4.6%2C0-6.3c-1.7-1.7-4.6-1.7-6.3%2C0L500%2C240l-96.5-96.9%0D%0A%09c-1.7-1.8-4.6-1.7-6.3%2C0c-1.8%2C1.7-1.8%2C4.6%2C0%2C6.3l96.6%2C96.9l-96.6%2C96.9c-1.7%2C1.7-1.7%2C4.6%2C0%2C6.3c0.9%2C0.9%2C2%2C1.3%2C3.1%2C1.3%0D%0A%09c1.1%2C0%2C2.3-0.4%2C3.2-1.3l96.5-96.9l96.5%2C96.9c0.9%2C0.9%2C2%2C1.3%2C3.2%2C1.3c1.1%2C0%2C2.3-0.4%2C3.1-1.3c1.8-1.7%2C1.8-4.6%2C0-6.3L506.3%2C246.3z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin: 0;
    z-index: 15;
    height: 30px;
    top: 51px;
    right: 55px;
    width: 30px;
    opacity: 0;
    transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transition: background-color .3s ease ,opacity .5s ease, transform .5s ease;
    -webkit-transition: background-color .3s ease, opacity .5s ease, -webkit-transform .5s ease; }
    /* line 850, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap span.close.upIn {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px); }
  /* line 855, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel {
    width: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    float: right; }
    /* line 863, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel h3 {
      margin: 0 0 20px 0;
      padding: 20px 60px 24px 60px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.22);
      font-size: 39px;
      font-weight: 400;
      line-height: 1.4;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.05)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
      /* IE10+ */
      background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#0dffffff',GradientType=1 );
      /* IE6-9 */ }
    /* line 873, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel.show {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity .8s ease;
      transition: opacity .8s ease;
      -webkit-transition-delay: .7s;
      transition-delay: .7s; }
    /* line 882, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel ul {
      padding-left: 60px; }
    /* line 886, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel li {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 30px;
      line-height: 1.5;
      position: relative;
      float: left;
      transition: all .3s ease;
      -webkit-transition: all .3s ease;
      width: 100%;
      letter-spacing: 0;
      cursor: pointer; }
      /* line 900, /opt/fontreach/source/stylesheets/all.scss */
      .showFont-wrap .domain-panel li:hover {
        opacity: 1;
        font-weight: 400;
        letter-spacing: 1.5px; }
  /* line 908, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    width: 50%;
    overflow-y: scroll;
    text-align: center;
    transition: transform 0.7s ease, left 0.7s ease, width 0.7s ease;
    -webkit-transition: -webkit-transform 0.7s ease, left 0.7s ease, width 0.7s ease;
    padding: 0 60px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    position: relative;
    clear: left;
    -webkit-overflow-scrolling: touch; }
    /* line 922, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .font-panel.two-up {
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      border-right: 1px solid rgba(255, 255, 255, 0.22);
      margin: 0;
      float: left;
      min-width: inherit;
      max-width: inherit;
      width: 50%;
      left: 0; }
      /* line 934, /opt/fontreach/source/stylesheets/all.scss */
      .showFont-wrap .font-panel.two-up .panelTable {
        transform: translateY(-13px);
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px); }
      /* line 940, /opt/fontreach/source/stylesheets/all.scss */
      .showFont-wrap .font-panel.two-up li:not(.active) {
        opacity: 0.5 !important; }
        /* line 943, /opt/fontreach/source/stylesheets/all.scss */
        .showFont-wrap .font-panel.two-up li:not(.active):hover {
          opacity: 1 !important; }
  /* line 950, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap header.fontHeader {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    position: relative;
    width: 100%;
    height: 135px;
    display: none; }
    /* line 958, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap header.fontHeader.fade .specimen, .showFont-wrap header.fontHeader.fade .specimen-data, .showFont-wrap header.fontHeader.fade .specimen-rank, .showFont-wrap header.fontHeader.fade .specimen-image {
      transition: opacity .3s ease;
      -webkit-transition: opacity .3s ease;
      opacity: 0.4 !important; }
  /* line 966, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-image {
    top: 30px;
    max-height: 70px;
    max-width: 420px;
    display: block !important;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transition: background-color .3s ease, opacity .5s ease, transform .5s ease;
    -webkit-transition: background-color .3s ease, opacity .5s ease, -webkit-transform .5s ease; }
    /* line 980, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen-image.noImage {
      display: none !important; }
    /* line 984, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen-image.upIn {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px); }
  /* line 989, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen {
    color: #fff;
    text-align: center;
    font-size: 62px;
    font-weight: 400;
    line-height: 135px;
    margin: 0;
    opacity: 0;
    transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transition: background-color .3s ease, opacity .5s ease, transform .5s ease;
    -webkit-transition: background-color .3s ease, opacity .5s ease, -webkit-transform .5s ease; }
    /* line 1003, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen.upIn {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px); }
  /* line 1008, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data, .showFont-wrap .specimen-rank {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    z-index: 10;
    margin: 0;
    top: 39px;
    opacity: 0;
    transform: translateY(25px);
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transition: opacity .5s ease, transform .5s ease;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease; }
    /* line 1023, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen-data.upIn, .showFont-wrap .specimen-rank.upIn {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px); }
    /* line 1027, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen-data span, .showFont-wrap .specimen-rank span {
      border-bottom: 1px solid #fff;
      padding: 2px 4px;
      font-size: 24px;
      color: #fff;
      width: auto;
      display: inline-block; }
  /* line 1037, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data {
    left: 60px; }
  /* line 1041, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-rank {
    right: calc(60px + 54px); }

/* line 1046, /opt/fontreach/source/stylesheets/all.scss */
.showFont {
  color: white; }
  /* line 1049, /opt/fontreach/source/stylesheets/all.scss */
  .showFont .initialFooter {
    transform: translateY(54px);
    -webkit-transform: translateY(54px);
    -ms-transform: translateY(54px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  /* line 1057, /opt/fontreach/source/stylesheets/all.scss */
  .showFont .cube-face {
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease; }
  /* line 1062, /opt/fontreach/source/stylesheets/all.scss */
  .showFont footer {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0); }
    /* line 1067, /opt/fontreach/source/stylesheets/all.scss */
    .showFont footer .logo {
      border-color: #fff; }
    /* line 1071, /opt/fontreach/source/stylesheets/all.scss */
    .showFont footer .author {
      color: white; }
      /* line 1074, /opt/fontreach/source/stylesheets/all.scss */
      .showFont footer .author a {
        color: white;
        border-color: rgba(255, 255, 255, 0.2); }
  /* line 1081, /opt/fontreach/source/stylesheets/all.scss */
  .showFont .showFont-wrap {
    display: block; }

@media all and (max-width: 1650px) {
  /* line 1093, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    width: 60%; } }
@media all and (max-width: 1250px) {
  /* line 1101, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen {
    font-size: 50px; }
  /* line 1105, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    width: 75%; }
  /* line 1109, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap span.close {
    height: 30px;
    top: 50px;
    right: 60px;
    width: 30px; }
  /* line 1117, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data span, .showFont-wrap .specimen-rank span {
    padding: 2px; }

  /* line 1125, /opt/fontreach/source/stylesheets/all.scss */
  .showFont footer .bg {
    display: block; } }
@media all and (max-width: 1040px) {
  /* line 1134, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen {
    font-size: 41px;
    line-height: 96px; }
  /* line 1139, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap span.close {
    height: 20px;
    top: 38px;
    right: 30px;
    width: 20px; }
  /* line 1146, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap header.fontHeader {
    height: 100px; }
  /* line 1150, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-image {
    max-width: 320px;
    max-height: 50px; }
  /* line 1155, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data, .showFont-wrap .specimen-rank {
    top: 22px; }
    /* line 1157, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .specimen-data span, .showFont-wrap .specimen-rank span {
      font-size: 21px;
      padding: 2px 3px; }
  /* line 1163, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-rank {
    right: 75px; }
  /* line 1167, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data {
    left: 30px; }
  /* line 1171, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    transform: translate(-50%, -20px);
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    padding: 0 40px;
    width: 100%; }
  /* line 1180, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel h3 {
    font-size: 34px;
    padding: 20px 40px 24px 40px; }
  /* line 1185, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel ul {
    padding-left: 40px;
    padding-right: 40px; }
  /* line 1190, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel li {
    font-size: 26px; }

  /* line 1196, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable li {
    font-size: 28px; }
    /* line 1198, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:before {
      left: -43px;
      right: -43px; }
    /* line 1204, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.active:before {
      right: -40px;
      left: -40px; } }
@media all and (max-width: 830px) {
  /* line 1213, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable li {
    font-size: 26px; }

  /* line 1218, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap header.fontHeader {
    height: 88px;
    border: 0; }
  /* line 1223, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    transform: translate(-50%, -30px);
    -webkit-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px); }
    /* line 1228, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .font-panel.two-up {
      width: 100%; }
  /* line 1233, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel {
    position: absolute;
    background-color: #FFF;
    color: #212121;
    width: 100%;
    top: 0;
    padding-bottom: 25px;
    left: 0;
    overflow: scroll; }
    /* line 1243, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel li {
      font-size: 19px;
      float: left;
      width: auto;
      padding: 2px 10px;
      margin: 0 5px 5px 0;
      background-color: #f1f1f1; }
    /* line 1252, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel h3 {
      font-size: 24px;
      margin: 0;
      padding-bottom: 0; }
  /* line 1259, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen {
    font-size: 36px;
    text-align: left;
    margin: 0 0 0 40px;
    float: left; }
  /* line 1265, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data {
    left: auto;
    position: relative;
    float: right;
    margin: 0 70px 0 15px; }
  /* line 1271, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-rank {
    right: 0;
    float: right;
    position: relative; }
  /* line 1277, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data span, .showFont-wrap .specimen-rank span {
    font-size: 18px;
    padding: 9px 0 0 0;
    border: 0; }
  /* line 1283, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-image {
    max-width: 290px;
    max-height: 33px;
    margin: 0 0 0 33px;
    float: left; } }
@media all and (max-width: 720px) {
  /* line 1293, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-rank {
    display: none !important; }

  /* line 1297, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable li {
    font-size: 24px; } }
@media all and (max-width: 660px) {
  /* line 1303, /opt/fontreach/source/stylesheets/all.scss */
  .wrapper {
    width: 100%;
    padding: 0 15px; }

  /* line 1308, /opt/fontreach/source/stylesheets/all.scss */
  form, .options, .error, .dropDown {
    margin-left: 0;
    width: 100%;
    left: 0;
    padding: 0 20px; }

  /* line 1315, /opt/fontreach/source/stylesheets/all.scss */
  input.big {
    font-size: 38px;
    width: 100%;
    border-radius: 0; }

  /* line 1321, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable {
    overflow: scroll; }
    /* line 1324, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable ul {
      overflow: scroll; }

  /* line 1330, /opt/fontreach/source/stylesheets/all.scss */
  .dropDown li {
    font-size: 22px; }
    /* line 1333, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li span.count {
      font-size: 20px;
      margin-top: -3px; }
    /* line 1339, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li.selected .used-by, .dropDown li.selected .rank {
      display: none; }
    /* line 1343, /opt/fontreach/source/stylesheets/all.scss */
    .dropDown li.selected .outline {
      left: -10px;
      right: -10px; }
  /* line 1352, /opt/fontreach/source/stylesheets/all.scss */
  .dropDown.show li div {
    width: auto; }

  /* line 1360, /opt/fontreach/source/stylesheets/all.scss */
  .results form {
    border-top: 5px solid rgba(255, 255, 255, 0.9); }
  /* line 1364, /opt/fontreach/source/stylesheets/all.scss */
  .results .dropDown {
    top: 75px;
    padding: 0 14px; } }
@media all and (max-width: 600px) {
  /* line 1372, /opt/fontreach/source/stylesheets/all.scss */
  .options p.description a, .error p.description a {
    display: block;
    margin-top: 16px;
    padding: 10px 0; }

  /* line 1379, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .font-panel {
    padding: 0 20px; }
    /* line 1382, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .font-panel.two-up {
      transition: none;
      -webkit-transition: none; }
      /* line 1386, /opt/fontreach/source/stylesheets/all.scss */
      .showFont-wrap .font-panel.two-up .panelTable {
        transition: none;
        -webkit-transition: none;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0); }
  /* line 1396, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-data {
    display: none !important; }
  /* line 1400, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen {
    margin: 0 0 0 20px; }
  /* line 1404, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .specimen-image {
    max-height: 31px;
    margin: 0 0 0 18px; }
  /* line 1409, /opt/fontreach/source/stylesheets/all.scss */
  .showFont-wrap .domain-panel {
    padding-bottom: 18px; }
    /* line 1411, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel h3 {
      padding: 20px 20px 1px 20px; }
    /* line 1416, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel li:hover {
      letter-spacing: 0;
      font-weight: 300; }
    /* line 1422, /opt/fontreach/source/stylesheets/all.scss */
    .showFont-wrap .domain-panel ul {
      padding-left: 20px;
      padding-right: 20px; }

  /* line 1431, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable ul {
    padding-top: 3px; }
  /* line 1435, /opt/fontreach/source/stylesheets/all.scss */
  .panelTable li {
    font-size: 20px; }
    /* line 1438, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:hover {
      letter-spacing: 0;
      font-weight: 300; }
    /* line 1443, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li:before {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    /* line 1450, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.active {
      left: 0;
      right: 0; }
    /* line 1457, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.selected:before {
      border-right: 0;
      border-left: 0; }
    /* line 1462, /opt/fontreach/source/stylesheets/all.scss */
    .panelTable li.selected p {
      font-size: 20px; } }