div.pagenav {
  height: 32px;
  position: relative; }
  div.pagenav a.next,
  div.pagenav a.prev {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 32px;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    position: relative; }
    div.pagenav a.next:hover img,
    div.pagenav a.prev:hover img {
      display: block; }
      div.pagenav a.next:hover img:first-child,
      div.pagenav a.prev:hover img:first-child {
        display: none; }
    div.pagenav a.next > *,
    div.pagenav a.prev > * {
      display: inline-block;
      vertical-align: middle; }
    div.pagenav a.next img,
    div.pagenav a.prev img {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      display: none; }
      div.pagenav a.next img:first-child,
      div.pagenav a.prev img:first-child {
        display: block; }
  div.pagenav div.main-nav {
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
    div.pagenav div.main-nav > * {
      display: inline-block;
      vertical-align: middle; }
    div.pagenav div.main-nav a.page {
      height: 32px;
      width: 34px;
      box-sizing: border-box;
      text-align: center;
      font: bold 15px/30px 'Open Sans', 'sans-serif';
      color: #63768b;
      text-decoration: none;
      transition: box-shadow .3s;
      background: #ffffff; }
      div.pagenav div.main-nav a.page:hover {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); }
    div.pagenav div.main-nav a.link {
      height: 32px;
      width: 34px;
      text-align: center;
      font: 12px/32px 'Open Sans', 'sans-serif';
      color: #a9b4be;
      text-decoration: none; }
    div.pagenav div.main-nav span.page {
      width: 32px;
      height: 32px;
      background: #ffffff;
      border: 1px solid #52b6ce;
      border-radius: 2px;
      color: #52b6ce;
      font: bold 15px/30px 'Open Sans', 'sans-serif'; }

/*# sourceMappingURL=style.css.map */