.x.x-table {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin-bottom: 2.03125em;
    font-size: 1vw;
  }

  @media (max-width: 767px) {
    .x.x-table {
    font-size: 2vw;
    }
  }

  @media (max-width: 1023px) {
    .x.x-table {
    font-size: 1.5vw;
    }
  }

  .x.x-table.x-no-margin {
    margin-bottom: 0;
  }

  .x.x-table th {
    vertical-align: middle;
    font-size: 1.5em;
    font-weight: 500;
    border-bottom: 1px solid #DDE;
    padding: 2px 16px;
    margin-bottom: 5px;
  }

  .x.x-table td {
    vertical-align: top;
    font-size: 1.5em;
    padding: 2px 16px 0.5em 16px;
  }

  .x.x-table tr:nth-child(even) td {
    background: #f6f4f4;
  }

  .x.x-table a {
    font-size: inherit !important;
  }

  .x.x-table .x-bottom {
    vertical-align: bottom;
  }

  .x.x-table .x-middle {
    vertical-align: middle;
  }

  .x.x-museo {
    font-family: 'museo', serif !important;
  }

  .x.x-bold {
    font-weight: 500 !important;
  }

  .x.x-thin {
    font-weight: 300 !important;
  }

  .x.x-bigger {
    font-size: 2.25em !important;
  }

  .x.x-article-group.blog .pull-left {
    height: auto;
  }

  .x.x-article-group.blog .pull-left .preview {
    width: 100%;
    height: 22em;
  }

  .x.x-article-group.blog .pull-left .overlay {
    position: relative;
    opacity: 1;
    background: #ffffff;
    padding-bottom: 0;
    bottom: 0;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .x.x-article-group.blog .pull-left {
      margin-bottom: 3.13em;
    }

    .x.x-article-group.blog .pull-left .overlay {
      opacity: 1;
      padding-bottom: 2em;
      padding-left: 0;
    }

  }

  @media (max-width: 767px) {
    .x.x-article-group.blog .pull-left {
      margin-bottom: 4.65em;
    }

    .x.x-article-group.blog .pull-left .overlay {
      opacity: 1;
      padding-bottom: 2em;
      padding-left: 0;
    }

    .x.x-article-group.blog .pull-left .overlay .text-3-lines,
    .x.x-article-group.blog .pull-left .overlay .text-2-lines {
      display: -webkit-box;
    }

    .betting-bottom .betting-link-fund,
    .betting-bottom .betting-link-signup,
    .betting-bottom .betting-link-bet {
      background: none;
      padding-left: 0;
    }

    .betting-bottom .betting-link:after {
      top: -2px;
    }
  }

  .x.x-article-group.xbtv .pull-left {
    height: 250px;
  }

  .x.x-article-group.xbtv .pull-left .overlay {
    background: #ffffff;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
      .x.x-article-group.xbtv .pull-left {
      margin-bottom: 3.13em;
    }

    .x.x-article-group.xbtv .pull-left .overlay {
      opacity: 0.88;
      background: #ffffff;
      padding-bottom: 2em;
    }
  }

  @media (max-width: 767px) {
    .x.x-article-group.xbtv .pull-left {
      margin-bottom: 4.65em;
    }

    .x.x-article-group.xbtv .pull-left .overlay {
      opacity: 0.88;
      background: #ffffff;
      padding-bottom: 2em;
    }
  }

  .x.x-article {
    font-family: museo-sans, sans-serif !important;
    font-size: 2rem !important;
  }

  .x.x-article * {
    font-size: 2rem !important;
    word-wrap: break-word !important;
  }

  .x.x-article p {
    font-size: 2rem !important;
    margin-bottom: 16px !important;
  }

  .x.x-article h1 {
    font-size: 2.4rem !important;
  }

  .x.x-article h2 {
    font-size: 2.3rem !important;
    font-family: museo-sans, serif;
  }

  .x.x-article h3 {
    font-size: 2.2rem !important;
    font-family: museo-sans, serif;
  }

  .x.x-article h4 {
    font-size: 2.1rem !important;
    font-family: museo-sans, serif;
  }

  .x.x-article ul,
  .x.x-article ol {
    margin-left: 2.4rem;
    margin-bottom: 2rem;
    font-size: 2rem !important;
  }

  .x.x-article ul li,
  .x.x-article ol li {
    margin-bottom: 0.95rem;
    font-size: 2rem !important;
  }

  .x.x-article ul li > ul,
  .x.x-article ol li > ul,
  .x.x-article ul li > ol,
  .x.x-article ol li > ol {
    margin-top: 0.95rem;
    font-size: 2rem !important;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .x.x-article p {
    margin-bottom: 0;
    }
  }

  @media (max-width: 767px) {
    .x.x-article {
      font-size: 1.7rem !important;
    }

    .x.x-article * {
      font-size: 1.7rem !important;
      word-wrap: break-word !important;
    }

    .x.x-article p {
      font-size: 1.7rem !important;
    }

    .x.x-article .x-table {
      font-size: 1.7rem !important;
    }

    .x.x-article h1 {
      font-size: 2rem !important;
    }

    .x.x-article h2 {
      font-size: 1.9rem !important;
    }

    .x.x-article h3 {
      font-size: 1.8rem !important;
    }

    .x.x-article h4 {
      font-size: 1.7rem !important;
    }

    .x.x-article ul,
    .x.x-article ol {
      font-size: 1.7rem !important;
    }

    .x.x-article > ul,
    .x.x-article > ol {
      margin-left: 16px;
    }

    .x.x-article ul li,
    .x.x-article ol li {
      font-size: 1.7rem !important;
    }

    .x.x-article br {
      display: block !important;
    }
  }

  .xmodal {
    position: fixed;
    z-index: 99;
  }

  .xmodal-back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
  }

  .xmodal-pane {
    position: fixed;
    left: calc(50% - (640px / 2));
    top: 10em;
    width: 640px;
    background-color: #ffffff;
    padding: 0;
  }

  .xmodal-pane-transparent {
    background: none;
  }

  .xmodal-header {
    text-align: center;
    background-color: #00285e;
  }

  .xmodal-header h1 {
    display: inline-block;
    color: #ffffff;
    font: bold 20px 'museo-sans', sans-serif;
    margin: 0;
    padding: 17px 0;
    position: relative;
    left: 40px;
  }

  .xmodal-header span {
    display: inline-block;
    cursor: pointer;
    float: right;
    padding: 17px 20px;
  }

  .xmodal-header span img {
    width: 25px;
  }

  .xmodal-content {
    color: #00285e;
    padding: 0;
    width: 100%;
    white-space: nowrap;
  }

  .xmodal-content h2 {
    padding: 0;
    margin: 0 0 24px;
    font: 700 26px/30px 'museo-slab', serif;
  }

  .xmodal-content p {
    padding: 0;
    margin: 0 0 40px;
    font: 16px/24px 'museo-sans', sans-serif;
  }

  .xmodal-content button {
    border: none;
    font: 500 18px 'museo-slab', serif;
    padding: 15px 20px;
    width: auto;
    background-image: none;
    background-color: #fbb034;
    color: #00285e;
    height: 48px;
  }

  .xmodal-content img {
    height: 16px;
    position: relative;
    left: 5px;
  }

  .xmodal-center {
    display: block;
    box-sizing: border-box;
    padding: 44px 70px 58px;
    text-align: center;
    width: 100%;
    white-space: normal;
  }

  .xmodal-right {
    display: inline-block;
    box-sizing: border-box;
    padding: 200px 20px 0;
    text-align: center;
    width: 280px;
    vertical-align: top;
    white-space: normal;
  }

  .xmodal-right h3 {
    color: #fbb034;
    font: 600 20px 'museo-slab', serif;
    margin-bottom: 0;
  }

  .xmodal-right h3::after {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    margin: 5px auto;
    background: linear-gradient(to right, rgba(251,176,52,0) 0%,rgba(251,176,52,1) 50%,rgba(251,176,52,0) 100%);
  }

  .xmodal-right span {
    color: #ffffff;
    display: block;
    font: 800 35px 'museo-slab', serif;
  }

  .xmodal-left {
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    padding: 44px 20px 58px;
    width: 320px;
    vertical-align: top;
    white-space: normal;
  }

  .xmodal-content-bg-expired {
    background-image: url('../img/expired-account.png');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .xmodal-content-loading {
    height: 200px;
    background: rgba(0, 0, 0, 0) url('../img/squares.gif') no-repeat center;
  }