html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }

  @media only screen and (max-device-width: 1024px) and (min-device-width: 767px) {
    body {
      cursor: pointer;
    }
  }

  @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,400i,500,700,900');

  #container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }


  p {
    color: #333 !important;
  }

  a:link,
  a:visited {
    color: #235f9e;


  }

  a {
    color: #235f9e;
  }

  a:hover {
    text-decoration: underline;
  }

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
  }

  li {

    text-decoration: none;

  }

  .row {
    margin-right: 0;
    margin-left: 0;
  }

  body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
  }

  a {
    text-decoration: none !important;
  }

  .active {
    color: red;
  }

  .anchorHolder {
    background-color: red;
    width: 90%;
    margin: 0 auto;
  }

  .app-wrapper {
    margin: 0 auto;
    max-width: 1600px;
    min-width: 10em;
    width: 100%;
  }

  @media only screen and (min-width: 1000px) {
    .app-wrapper {
      padding: 0 5%;
    }

    .promo-slot-content {
      padding-top: 3em;
    }
  }

  @media only screen and (max-width: 999px) {
    .app-wrapper {
      padding: 0;
    }
  }

  .hide-4njbets.hide-pabets.hide-tvg {
    display: none;
  }

  .app-content {
    margin: 0;
    min-height: auto;
  }

  .asterisk {
    font-size: 9pt;
    margin-left: 10px;
    color: red;
  }

  .Aware {
    font-size: .8em;
    color: #666666;
    margin: 15px 0;
  }

  .Aware span {
    border: 2px solid #d20000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 77px;
    padding: 9px;
    font-weight: 600;
  }

  @media screen and (max-device-width: 812px) and (orientation: landscape) {
    .app-content-MobileApp {
      margin-top: -13px;
    }
  }

  .app-content-MobileApp {
    padding: 0;
  }

  .Aware,
  .BTN_holder,
  .BTN_login div,
  .BTN_signUp div,
  .welcomeHolder h2,
  .welcomeHolder h4,
  .contact,
  .footerNav ul,
  .mobileLogin div,
  .mobileSignup div,
  .navigation-bar ul,
  .navigation-weeks ul,
  .headerHolder h1,
  .moneyHolder p,
  .col1,
  .col2,
  .col3,
  .col4 {
    text-align: center;
  }

  body {
    background-color: white;
  }

  /* ADD & REMOVE DYNAMIC LINE BREAKS */

  .break:after {
    content: "\000A";
    white-space: pre;
  }

  .BTN_holder {
    position: absolute;
    height: 50px;
    width: 245px;
    top: 0;
    right: 0px;
  }

  .BTN_login,
  .BTN_signUp,
  .topTierNav li,
  .logo {
    cursor: pointer;
  }

  .BTN_login,
  .BTN_signUp,
  .logo {
    float: left;
  }

  #BTN_mvp,
  #BTN_join,
  #BTN_how,
  #BTN_roster {
    background-color: #ffcb05;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline;
    font-size: .8em;
    padding: 7px 20px 3px 20px;
    font-weight: 600;
    margin: 0 8px;
    border: none;
  }

  #BTN_mvp:hover,
  #BTN_join:hover,
  #BTN_how:hover,
  #BTN_roster:hover {
    background-color: #e8bd1a;
  }

  button:focus {
    outline: 0;
  }

  .BTN_login {
    height: 50px;
    width: 55%;
    color: white;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    ;
  }

  .BTN_login div,
  .BTN_signUp div {
    font-size: .9em;
    font-weight: 600;
  }

  .BTN_login div {
    background-color: #235f9e;
    padding-top: 10px;
    height: 50px;
  }

  .BTN_signUp div {
    background-color: #253e58;
    padding-top: 15px;
    height: 50px;
  }

  .BTN_login div .fa-lock {
    position: relative;
    top: 4px;
  }

  .BTN_login div:hover {
    background-color: #3d70a5;
  }

  .BTN_signUp div:hover {
    background-color: #43ba5c;
  }

  .topTierNav li:hover {
    background-color: #3d70a5;
  }

  .BTN_signUp {
    height: 50px;
    width: 45%;
    color: white;
  }

  .col1,
  .col2,
  .col3,
  .col4 {
    float: left;
    margin: 0;
    width: 25%;
  }

  .contact {
    font-size: .9em;
    line-height: 15px;
  }

  .contact a {
    color: black;
    font-weight: 600;
    font-size: .9em;
  }

  .disclaimer {
    width: 90%;
    margin: 0 auto;
    color: #7D7D7D;
    font-size: 9pt;
  }

  .eliminationHolder {
    margin: 10px 0 0 0;
    padding: 10px 15px;
  }

  .eliminationLogo {
    background: transparent url('https://promos.tvg.com/assets/img/Logo_elimination.jpg') scroll no-repeat center / auto 90%;
    margin: 0 auto;
    width: 207px;
    height: 105px;
  }

  .fa-lock::before {
    color: rgb(211, 223, 236) !important;
    margin: 0px 16px 0px 0px !important;
    font-size: 1.6em !important;
  }

  /*.footerNav hr {
    border: 1px solid #ccc !important;
   }*/
  .footerNav {
    width: 90%;
    margin: 0 auto;
    padding: 7px 0 0 0;
  }

  .footerLogo {
    background: transparent url('https://promos.tvg.com/assets/img/Logo_tvg_footer.png') scroll no-repeat center / auto 56%;
    height: 45px;
    width: 140px;
    margin: -11px auto 0 auto;
  }

  .footerLogo.brand-4njbets {
    background: transparent url('https://promos.tvg.com/assets/img/4njbets-logo-hor-black.svg') scroll no-repeat center / auto 56%;
  }

  .footerLogo.brand-pabets {
    background: transparent url('https://promos.tvg.com/assets/img/pabets-logo-hor-black.svg') scroll no-repeat center / auto 56%;
  }

  .footerNav ul {
    padding: 0px;
    margin: 0px;
  }

  .footerNav ul li {
    list-style-type: none;
    padding: 0px;
    height: 24px;
    display: inline;
    color: black;
    font-size: .8em;
    font-weight: 600;
    margin: 4px 10px;
  }

  .footerNav ul a {
    border-right: 1px solid black;
  }

  .footerNav ul a:nth-child(4) {
    border-right: none;
  }

  .gridSpace {
    height: 0px;
  }

  /*hr {
    margin: 0 auto !important;
    border: 0;
    border-top: 1px solid black;
    width: 30%;
   }*/
  #header {
    height: 132px;
    width: 100%;
    background-color: #FFF;
  }

  .headerHolder {
    padding: 1px 0 5px;
    margin: 0 0 20px 0;
  }

  .headerHolder h4 {
    text-align: left;
    margin: 0 0 0 60px !important;
    font-weight: 600 !important;
    font-size: .9em !important;
  }

  .headerHolder p {
    margin: 0 0 20px 60px !important;
  }

  .headerHolder .varsityFont {
    color: white;
    font-size: 2.5em;
    letter-spacing: 1px;
  }

  .horseMan {
    background: url('https://promos.tvg.com/assets/img/horseMan.png') scroll no-repeat center / auto 83%;
    margin: 0 auto;
    width: 104px;
    height: 79px;
    top: 10px;
  }

  /*
   .inactive {
    position: absolute;
    height: 29px;
    width: 120px;
    top: -2px;
    z-index: 100000;
    background-color: white;
    margin: 0px auto;
    right: 0px;
    left: 396px;
    opacity: 0.8;
   } */

  .legendTable,
  .dynamicData {
    overflow: auto;
  }

  .legendTable section {
    padding: 7px 0;
    margin: 7px 0;
    font-size: 10pt;
  }

  .logo {
    background: url('https://promos.tvg.com/assets/img/Logo_tvg.png') scroll no-repeat 0px 0px / auto 100%;
    width: 156px;
    height: 29px;
    margin: 15px 20px 0 20px;
  }

  /*.moneyHolder .varsityFont, .rosterHolder .varsityFont {
    font-size: 2.5em;
    margin: 0 0 20px 0;
   }
   .moneyHolder p {
    margin: 0 0 5px 0;
   }
   .moneyHolder p:nth-child(4) {
    margin-bottom: 30px;
   }
   .myFooter {
    background-color: white;
    margin: 50px 0 0 0;
    padding-bottom: 40px;
   }
   .myNav {
    background-color: #1a487a;
    position: relative;
    display: block;
   }
   .myHeader {
    clear: both;
   }
   .navbar {
    margin-bottom: 0px !important
   }
   .navbar-default {
    background-color: #1a487a !important;
    border: none !important;
    border-radius: 0 !important;
   }
   .navigation-bar, .navigation-weeks {
    width: 100%;
    background-repeat: repeat-x;
   }
   .navigation-bar {
    margin: 25px 0 0 0;
   }
   .navigation-weeks {
    margin: 15px 0 0 0;
   }
   .navigation-bar ul, .navigation-weeks ul {
    padding: 0px;
    margin: 0px;
   }
   .navigation-bar li, .navigation-weeks li {
    list-style-type: none;
    padding: 0px;
    height: 24px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline;
   }
   .navigation-bar li a, .navigation-weeks li a {
    font-size: 12px;
    font-family: "Trebuchet MS", 'Roboto', Helvetica, Arial, sans-serif;;
    text-decoration: none;
    box-shadow: 2xp 2px 3px inset;
    line-height: 2em;
    margin-right: 16px;
   }
   .navigation-bar li a {
    color: black;
    background-color: #ffcb05;
    border-radius: 5px;
    padding: .2em 1em;
   }
   .navigation-weeks li a {
    color: white;
    background-color: black;
    font-weight: 600;
    letter-spacing: .5px;
    padding: .4em 3em;
   }
   .navigation-bar li a:hover {
    background-color: black;
    color: #ffcb05;
   }
   .navigation-weeks li a:hover {
    background-color: #666666;
   }
   .navigation-bar li:first-child {
    margin-left: 20px;
    border: #C00;
   }
   .navbar-brand {
    background-image: url('https://promos.tvg.com/assets/img/Logo_tvg.png');
    width: 203px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
   }
   .navbar-brand.brand-4njbets {
    background-image: url('https://promos.tvg.com/assets/img/Logo_4nj.png');
   }
   .navbar-brand.brand-pabets {
    background-image: url('https://promos.tvg.com/assets/img/Logo_pab.png');
   }
   .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: #3d70a5;
    color: #FFC0CB;
   }
   .navbar-default .navbar-nav>li>a {
    color: white !important;
   }
   #navigation-container ul li a {
    cursor: pointer;
   }*/
  .NW,
  .NE,
  .SW,
  .SE {
    position: absolute;
    color: white;
  }

  .NW {
    left: 15px;
  }

  .NE {
    right: 15px;
  }

  .NW,
  .NE {
    top: 15px;
    font-size: 2.5em;
  }

  #ROI {
    color: red;
  }

  .SE {
    right: 15px;
  }

  .slicknav_menu,
  #menu {
    display: none;
  }

  .SW,
  .SE {
    font-size: 1.5em;
    bottom: 15px;
  }

  .SW {
    left: 15px;
  }

  .scrollToTop {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: white;
    text-decoration: none;
    position: fixed;
    top: 0px;
    right: 0;
    display: none;
    left: 0;
    margin: 0 auto;
  }

  .scrollToTop div {
    opacity: .8;
    background-color: #1c2b39;
    height: 27px;
    padding-top: 7px;
  }

  .scrollToTop:hover {
    text-decoration: none;
  }

  .states {}

  .states::before {
    content: ": ";
  }

  /*.topTierNav {
    list-style-type: none;
    margin: 35px auto 15px auto;
   }
   .topTierNav li {
    display: inline-block;
    color: white;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;;
    font-weight: 600;
    font-size: .9em;
    letter-spacing: .3px;
    margin: 0px;
    height: 40px;
    padding: 20px 15px 0 15px;
   }
   .varsityFont {
    font-family: 'Varsity', 'Graduate', sans-serif;
    color: #00a651;
    text-align: center;
    font-size: 1.7em;
    letter-spacing: 1px;
   }
   .WARS {
    background: transparent url('https://promos.tvg.com/assets/img/Logo_wars.png') scroll no-repeat center / auto 83%;
    width: 197px;
    height: 51px;
    margin: 0 auto;
    top: -27px;
    left: -5px;
   }
   .welcomeHolder h2 {
    font-weight: 600;
    font-size: 1.5em;
   }
   .welcomeHolder h4 {
    font-weight: 400;
    font-size: .8em;
    margin: -10px 0 0 0;
   }
   .welcomeHolder p {
    font-size: .8em;
    width: 65%;
    margin: 20px auto;
   }
   #WeekOne, #WeekTwo, #WeekThree, #WeekFour {
    cursor: pointer;
   }
   .week2 {
    margin-left: 2px;
   }
   #winnerA, #winnerC, #winnerE, #winnerG {
    position: absolute;
    top: -18px;
   }
   #winnerD, #winnerH {
    position: absolute;
    bottom: -22px;
   }
   #winnerF, #winnerB {
    bottom: -108px;
   }
   #winnerD, #winnerH {
    bottom: -22px;
   }*/
  /* ===================================
                   END CUSTOM STYLES
           =================================== */

  .hidden {
    display: none !important;
  }

  .toggleOffPromo {
    display: none !important;
  }

  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }

  .invisible {
    visibility: hidden;
  }

  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: table;
  }

  .clearfix:after {
    clear: both;
  }

  /* ===================================
                     MEDIA QUERIES
           =================================== */

  @media only screen and (max-width: 880px) {
    .BTN_holder {
      height: 36px;
      width: 100%;
      position: relative;
    }

    .BTN_login {
      height: 36px;
    }

    .BTN_login div {
      background-color: #235f9e;
      padding-top: 7px;
      height: 36px;
    }

    .BTN_signUp div {
      background-color: #253e58;
      padding-top: 10px;
      height: 36px;
    }

    .BTN_signUp {
      height: auto;
      width: 45%;
      color: white;
    }
  }

  @media only screen and (max-width: 900px) {

    .navigation-bar li:first-child,
    .navigation-weeks li:first-child {
      margin-left: 0;
    }

    .navigation-bar li a,
    .navigation-weeks li a {
      display: block;
    }

    .navigation-bar li,
    .navigation-weeks li {
      height: 24px;
    }

    .break:after {
      content: "";
      white-space: pre;
    }

    .footerNav ul a {
      border-right: none;
    }

    .navigation-weeks li {
      margin: 15px 0;
    }

    .STATE {
      width: 100%;
      height: 80px;
    }

    .gridSpace {
      height: 20px;
    }

    .footerNav ul li,
    .mobileLogo,
    .navigation-bar li,
    .navigation-weeks li {
      margin-top: 50px;
    }

    .myNav {
      display: none;
    }

    .navigation-bar li {
      margin: 8px 0;
    }

    .navigation-bar li a,
    .navigation-weeks li a {
      box-shadow: 2px 2px 3px inset;
      border-radius: 0;
      width: 75%;
      margin: 2px auto;
    }

    .WARS {
      top: -4px;
    }

    .inactive {
      /*height: 36px;
        width: 76%;
        top: 107px;*/
      left: 0;
    }
  }

  /* Print styles. */

  @media print {

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: " ("attr(href) ")";
    }

    abbr[title]:after {
      content: " ("attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }

    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }

    /* Printing Tables */
    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }
  }

  .formHolder h1 {
    font-size: 2em;
    color: black;
    margin: 0;
    text-align: center;
    background-color: white;
    padding: 5px 0 0px 0;
  }

  .formHolder {
    background: transparent url('images/cash.jpg') scroll no-repeat center 30px;
    width: 90%;
    border: 1px solid black;
    margin: 0 auto;
  }

  p {
    margin: 0;
  }

  .heroImage img {
    width: 100%;
  }

  .rightCol {
    float: right;
    width: 45%;
    margin-right: 25px;
  }

  .leftCol {
    float: left;
    width: 45%;
    margin-left: 15px;
  }

  .contentHolder {
    margin: 20px 0 0 0;
  }

  .lower {
    margin: 50px 0px 0px;
    text-align: center;
  }


  .lower img {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
  }

  .upper p {
    font-size: 1.5em;
    text-align: left;
    padding: 30px 20 20 20;
  }

  .disclaimerQ1 {
    font-size: .6em;
    margin: 30px 20px 20px 20px;
    display: block;
    text-align: left;
  }

  .disclaimerQ2 {
    font-size: .6em;
    margin: 30px auto 20px auto;
    clear: both;
    width: 90%;
    display: none;
  }

  .optInSuccess {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 4.6em;
  }

  @media screen and (max-width: 750px) {
    .lower {
      margin: 40px 0px 0px;
    }

    .optInSuccess {
      font-size: 2.5em;
    }

    .leftCol {
      float: none;
      width: 100%;
    }

    .rightCol {
      margin: 0 15px;
      position: relative;
      width: 90%;
    }

    .disclaimerQ1 {
      display: none;
    }

    .disclaimerQ2 {
      display: block;
    }
  }

  .legals {
    font-size: .8em;
    margin: 1% !important;
    padding: 5%;
    text-align: left !important;
    color: #333333;
    font-weight: 300;
  }

  form div {
    width: 80%;
    margin: 10px auto;
    max-width: 300px;
  }

  div label {
    display: block;
    color: white;
    font-size: .8em;
  }

  div input {
    border: 1px solid #a1a1a1;
    width: 100%;
    color: #000000
  }

  div input,
  .submitBtn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }

  .submitBtn {
    background-color: yellow;
    text-align: center;
    padding: 3px 0 2px 0;
    font-size: .8em;
    width: 25%;
    cursor: pointer;
    min-width: 140px;
  }

  .header1 {

    color: #184575;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;

    text-align: center;
    text-transform: uppercase;
    font-weight: 700;

  }

  .header2 {

    color: #235f9e;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;

    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700;

  }

  .header3 {
    color: #235f9e;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-align: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 400;

  }

  .success-modal {
    font-size: 1.6em;
    color: #235f9e;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .body-text {
    padding-bottom: 30px;
  }

  .main-copy {
    margin-right: 16px;
    text-align: left;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: black;
  }

  .main-copy sup {
    font-size: 60%;
  }

  .howtoplay {

    margin-right: 16px;
    text-align: left;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: black;

  }

  .intro-copy {
    margin-right: 16px;
    text-align: left !important;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 1.3em;
    color: white;
  }

  .blue-box-copy {
    margin-right: 16px;
    text-align: left !important;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.4em;
    color: white;
    font-weight: 400;
  }

  .inner-row {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .cta {
    text-align: center;
  }

  .tvg-promos-cta-home {
    color: black !important;
    background-color: #ffb80c;
    border: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 1px;
    padding: 2% 2.5%;
    font-weight: 900;
    /* font-size: 18px; */
    font-size: 1.3em;
    border-radius: 2px;

    display: inline-block;
    vertical-align: middle;

  }

  .tvg-promos-cta-home:hover,
  .tvg-promos-cta-home:focus {
    background-color: #ffc640;
  }

  .tvg-promos-cta-home:active {
    background-color: #e6a40b;
  }


  .hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .hvr-bounce-to-right:hover,
  .hvr-bounce-to-right:focus,
  .hvr-bounce-to-right:active {
    color: white;
  }

  .hvr-bounce-to-right:hover:before,
  .hvr-bounce-to-right:focus:before,
  .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }


  .tvg-promos-cta-home span {
    font-size: 13px;
  }

  .betNowButton {
    display: none;
  }

  sup {
    font-size: 60%;
  }

  .header-text {
    padding-bottom: 2%;
    padding-top: 2%;
    /*background: -webkit-linear-gradient(#15233865a, #002e66);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/

  }

  .header-text img {

    position: relative;
    margin-left: 5%;
    margin-right: 5%;
    width: 35%;

  }

  .header-text h1 {
    color: #1a487a;
  }

  .intro-section {
    margin-right: 30px !important;
    margin-left: 30px !important;
    padding-bottom: .2%;
  }

  .intro-section sup {

    font-size: 45%;

  }

  .intro-section h2 {
    color: white !important;
  }

  .intro-section p {
    color: #1a487a !important;
  }

  h1 {
    margin: 0 auto;
    font-family: 'Roboto', 'Roboto', sans-serif;
    font-size: 8em;
    text-align: center;
    color: white;
    font-weight: 300;
  }

  h2 {
    margin: 0 auto;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 7em;
    text-align: left;
    color: white;
    letter-spacing: -1px;
  }

  h4 {
    margin: 0 auto;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    text-align: left;
    color: #1a487a;
  }

  .well {
    background: none;
  }


  .sticky-cta-bar-btn {

    background: none;
    border: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    color: black;

  }

  .sticky-cta-bar-btn span {

    font-size: 70%;
  }

  /*.join-cta-button {
    font-size: 1.6em;
}*/

  @media (min-width: 300px) {
    .modal-sm {
      width: 300px !important;
    }

    .modal-dialog {
      margin: 30px auto;
    }
  }

  .joinTeamCTADiv {
    display: table;
    width: 100%;
  }

  .joinTeamCTAForm {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .SWIII-table-position {

    color: white;
  }

  .prize-table {

    color: white;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-align: left;
    padding-top: 1vw;

  }

  .prize-table th {

    font-weight: 700;
    color: #1a487a;
  }

  .table-position {

    font-size: 120%;

    text-transform: uppercase;

  }

  .table-prize {
    font-size: 150%;
    font-weight: 400;
  }

  .table-prize-big {

    font-size: 160%;
    font-weight: 700;
  }

  .fight-ready {
    color: white;
    line-height: 40px;
    text-transform: uppercase;
  }


  /***** MOBILE FIXES *****/

  @media only screen and (max-width: 990px) {

    .secondary-cta-mobile {

      padding: 2vw;
      font-size: 3vw;

    }

    .sticky-bar-division-bar {

      border-bottom: 1px solid black;

    }


    .hide-mobile {

      display: block;
    }

    .main-copy {

      padding: 30px 15px;
    }



  }

  @media only screen and (min-width: 1300px) {

    .promo-body {

      padding: 0 15%;

    }

  }

  @media screen and (min-width: 991px) {
    .hide-desktop {
      display: none;
    }

    .promo-body-cta a {
      border-radius: 2px;
    }
  }

  @media screen and (max-width: 599px) {
    .footer-fixed-bottom {
      bottom: 0;
      margin-bottom: 0;
      border-width: 1px 0 0;
      position: fixed;
      right: 0;
      left: 0;
      z-index: 1;
    }
  }

  @media screen and (max-width: 990px) {

    .promo-body-cta a {
      width: 100%;
    }

    .footer-fixed-bottom a:active,
    .footer-fixed-bottom a:hover,
    .footer-fixed-bottom a:focus {

      color: white !important;
      text-decoration-color: white;

    }

    .footer-fixed-bottom a:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #0C2D58;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }


    .footer-fixed-bottom a:hover:before,
    .footer-fixed-bottom a:focus:before,
    .footer-fixed-bottom a:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

  }

  @media only screen and (max-width: 773px) {
    .legal-age {
      margin: 5% 0;
    }

    .standings-container .tab {
      font-size: 3vw !important;
    }

    .rank-list tr td {
      font-size: 3vw !important;
      line-height: 1vw;
    }

    .team-standing section b {
      font-size: 3vw !important;
    }

    .team-standing .user-data span {
      font-size: 3vw !important;
    }

    h1 {
      font-size: 14vw;
    }

    h2 {
      font-size: 20vw;
      text-align: center;
    }

    .intro-section {
      margin-right: 3.5% !important;
      margin-left: 3.5% !important;
    }

    .intro-copy {
      font-size: 6vw;
      padding-top: 1em;
      padding-bottom: 2em;
    }

    .header-text {
      padding-bottom: 5vw;
      padding-top: 5vw;
    }

    .table-responsive {
      border: none;
      margin-top: 30px;
    }

    .team-roster .row-header {
      font-size: 7vw !important;
    }

    .team-roster span {
      font-size: 3vw;
    }

    .header-text img {
      width: 80%
    }
  }



  .panel-heading {

    text-align: left;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #235f9e !important;
    font-size: 1.2em;
  }

  .how-to-play-list {
    margin: 15px;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }

  ol {
    counter-reset: li;
    margin: 10px 0;
    padding-left: 0;


  }

  ol>li {
    position: relative;
    margin: 0 0 0 2em;
    padding: 0px 8px 14px 10px;
    list-style: none;



  }


  ol>li::before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2em;
    width: 2em;
    margin-right: 8px;
    padding: 0px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
  }

  li ol,
  li ul {
    margin-top: 0px;
  }

  ol ol li:last-child {
    margin-bottom: 0;
  }

  .disc>li::before {
    color: white;
    background-color: #235f9e;
    border-radius: 2px;
  }

  .left-side-text {
    padding: 0 30px;
  }

  .promo-body {

    text-align: center;
    padding-top: 1.4em;
  }

  .promo-body p {
    text-align: center;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding: 1em 0;
    font-size: 1.1em;
    line-height: 1.5em;

  }

  .promo-body h3 {

    color: #27609B;
    font-weight: 700;
    font-size: 1.8em;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;


  }

  .promo-body-cta a {
    color: black;
    background-color: #ffb80c;
    border: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 13px 20px 10px 20px;
    font-weight: 700;
    font-size: 1.7em;
    text-align: center;

    display: inline-block;


  }

  .tvg-promos-cta-home-featured {

    margin: 1em 0 0 0;
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 1.3em;

  }

  .tvg-promos-cta-home-acq {

    margin: 1em 0 0 0;
    position: relative;
    bottom: 0;
    left: 0;

  }



  .product-or-track-logo {

    padding: 1em 0;
  }

  body {
    min-font-size: 16px;
  }

  p,
  li,
  dd {
    rag-adjust: small-words;
    widow-adjust: padding-right;
  }


  .promotions {
    margin: 1em;

  }



  /* .promo-slot {

margin-bottom: 2em;
margin-top: 2em;
  
} */

  .acq-romo-slot {

    margin-bottom: 0;
    margin-top: 0;

  }

  .promo-slot h3 {
    /*border-top: 2px solid #253e58;*/
    color: #27609B !important;
    font-weight: 700;
    font-size: 1.8em;
    margin-top: 0px;
    padding-bottom: 10px;
    text-transform: uppercase;

  }

  /*.promo-slot h3:hover {

  text-decoration: underline; 
  color: #0C2D58;   
}*/


  .promo-slot h6 {

    display: block;
    color: #253e58;
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 3px;

  }

  /* .optInStatus {

  margin-bottom: .3em;
} */

  .already-opt-in img {
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
  }

  .already-opt-in h6 span {

    color: black;
    background-color: #ffb80c;
    padding: .2em .5em;
    margin-right: .3em;
    font-size: .8em;

  }

  .promo-slot p {
    font-weight: 300;
    font-size: 1em;
    padding-bottom: 1em;
    color: #0f1f30 !important;

  }

  /*.promo-slot img {
  padding-bottom: 5%;
  margin-top: 5%;
}

.promo-slot img:hover {

  -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);

}*/

  .promo-slot img {
    padding-bottom: 5%;
    /* margin-top: 5%; */
    display: inline-block;
    vertical-align: middle;
    /* -webkit-transform: perspective(1px) translateZ(0); */
    /* transform: perspective(1px) translateZ(0); */
    /* box-shadow: 0 0 1px transparent; */
    /* -webkit-transition-duration: 0.3s; */
    /* transition-duration: 0.3s; */
    /* -webkit-transition-property: transform; */
    /* transition-property: transform; */
  }

  .promo-slot img:hover,
  .promo-slot img:focus,
  .promo-slot img:active {
    /* -webkit-transform: scale(1.1); */
    /* transform: scale(1.1); */
  }


  .green-stripped-tag {
    padding: 5px;
    display: inline-block;

    background: -webkit-repeating-linear-gradient(15deg, #253e58, #253e58 2rem, #2e9c42 0, #2e9c42 3.5rem);
    background: repeating-linear-gradient(105deg, #253e58, #253e58 2rem, #2e9c42 0, #2e9c42 3.5rem);


  }

  .gray-stripped-tag {
    padding: 5px;
    display: inline-block;

    background: -webkit-repeating-linear-gradient(15deg, #f4f4f4, #f4f4f4 2rem, #e1e1e1 0, #e1e1e1 3.5rem);
    background: repeating-linear-gradient(105deg, #f4f4f4, #f4f4f4 2rem, #e1e1e1 0, #e1e1e1 3.5rem);


  }


  .text-container {
    position: absolute;
    top: 1.2em;
    right: 1em;
    text-align: right;
  }

  .text-container h1 {
    font-weight: 700;
    font-size: 3em;
    max-width: 600px;
    margin-bottom: 15px;
    color: #0C2D58;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
  }

  .text-container p {
    font-weight: 300;
    margin-bottom: 2%;
    font-size: 1em;
    text-align: left;
  }





  .ever-green-promos {
    text-transform: uppercase;
    color: white;
    margin-top: 4em;
    text-align: center;
    padding: 3em 0 2em 0;
    background-color: #253e58;
  }




  .featured-promo-animated {

    padding-bottom: 0em;

    animation-name: animateText;
    animation-timing-function: cubic-bezier(.42, 0, .58, 1);
    animation-duration: .9s;
    position: relative;
    top: 0em;

  }

  @keyframes animateText {
    0% {
      top: 3em;
      opacity: 0;
    }

    100% {
      top: 0em;
    }
  }


  .featured-promo:hover h3 {

    color: white;


  }

  .featured-promo p {

    color: white;


  }

  .down-triangle {
    display: none;
  }



  .ever-green-promos h6 {
    font-size: 2em;

  }

  .ever-green-promos h3 {
    font-size: 1.1em;

  }

  .sword-div-row {

    display: inline-block;
    margin-bottom: 3.5em;
    vertical-align: middle;


  }

  .sword-div-row h6 {
    padding: 0 7px;
  }

  .sword-div-row img {

    width: 170px;

  }

  .icon-row h5 {

    font-size: 1.2em;
    line-height: 1em;
  }

  .promo-icons {
    color: white;
    font-size: 3em;
    padding-bottom: 20px;
  }

  @media only screen and (min-width: 999px) {
    .center-promo-icons {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
    }

    .featured-promo {

      background-color: #0f1f30;
      padding: 2em;
    }

    .featured-promo-slot h3 {

      color: white !important;
      margin: 0;


    }

    .featured-promo-slot h6 {

      color: white !important;


    }

    .promo-content-2nd-featured-slot h3 {
      color: white !important;
    }

    .promo-content-2nd-featured-slot p {
      color: white !important;
    }

  }

  .promo-icons img {

    max-height: 32px;
    max-width: 155px;
  }

  .panel-body img {
    width: 100%;
  }

  .app-promotion {

    text-align: center;
    margin: 6em 0 2em 0;
  }

  .app-promotion h1,
  .app-promotion h2,
  .app-promotion h3,
  .app-promotion h4,
  .app-promotion h5,
  .app-promotion h6 {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .app-promotion h6 {

    font-size: 1.5em;

  }

  .app-promotion img {
    width: 65%;
  }

  .app-promotion-alone {

    text-align: center;
    margin: 3em 0 2em 0;
  }

  .app-promotion-alone img {
    width: 100%;
  }

  .app-promotion-alone h1,
  .app-promotion-alone h2,
  .app-promotion-alone h3,
  .app-promotion-alone h4,
  .app-promotion-alone h5,
  .app-promotion-alone h6 {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 400;
  }

  .icon-row a {

    color: white;

  }


  /*.icon-row a:hover {

  color: #ffb80c;

}*/

  /* .feature-promo-div {
  display: contents;
} */

  .acq-promo {
    background: white;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-bottom: 1.7%;
  }

  .acq-promo button {

    background-color: #253e58;
    color: white;
    padding: 2.5% 2.5% 1.6% 2.5%;
  }


  .acq-promo-subheader h1 {
    color: #253e58;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    text-align: left;
  }

  .acq-promo-subheader h6 {
    font-size: 1.2em;
  }

  .acq-promo h2 {
    color: #27609B !important;
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: left;
  }

  .promoTitle h3 {
    font-size: 2vw;
    text-transform: uppercase;
    font-weight: 900;
  }

  @media only screen and (min-width: 1000px) {
    .featured-and-acq-row {
      margin-top: 1%;
    }
  }

  @media only screen and (max-width: 999px) {
    .featured-and-acq-row {
      margin-top: 0;
    }
  }

  .promo-slot.acq-promo-subheader {
    padding-top: 0;
  }



  @media only screen and (min-width: 768px) {

    .acq-promo {
      padding: 2em;
    }

    .acq-promo-slot {
      flex-direction: column;
      height: 100%;
      padding-top: 2%;
    }

    .acq-promo-subheader {
      height: 100%;
      display: grid;
    }

    .acq-promo-subheader .row:nth-child(2) {
      align-self: end;
    }

    .promo-slot-content .promo-slot {
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      height: 100%;
    }

    /* .tvg-promos-cta-home {
  position: absolute;
  bottom: 0;
  left: 1em;
} */

    .hide-desktop {

      display: none;
    }

    /*
 * Row with equal height columns
 * --------------------------------------------------
 */
    .row-eq-height {
      /* padding-top: 2%; */
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
    }

    .row-eq-height:before,
    .row-eq-height:after {
      content: normal;
    }

    .promo-slot img {
      width: 100%;
    }

    .row:after {
      clear: both;
    }
  }

  /* @media only screen and (max-width: 767px) { */
  @media only screen and (max-width: 999px) {
    .tvg-promos-cta-home {

      margin-top: 7%;

    }

    .acq-promo {
      background: #0f1f30;
      padding-top: 1.3em;
      padding-bottom: 1.3em;
    }

    .acq-promo h2 {

      color: white !important;
      padding-top: 5%;
    }

    .acq-promo h6 {

      color: white;
    }

    .acq-promo h1 {

      color: white;
      text-align: left;
    }

    .acq-promo button {

      background-color: #ffb80c;
      color: black;
      font-size: 1.3em;
    }

    .featured-promo {
      padding: 1.3em 6.5%;
      /* padding-top: 1.3em;
    padding-bottom: 1.3em; */
    }

    .app-promotion {
      text-align: center;
      margin: 2em 0 0 0;
    }

    .promo-slot img {
      padding-bottom: 5%;
      margin-top: 0;
    }

    .promo-slot p {
      font-size: 1.2em;
    }

    .promo-slot {
      /*border-bottom: 1px #0C2D58 solid;*/
      padding: 5% 15px 5% 15px;
      margin: 0;
    }

    .promo-slot:last-child {
      border: none;
    }

    .promo-icons {
      padding-bottom: 0;
    }





    /*.store-icon {
  padding: 0 10% 5% 10% !important;
}*/


    @media only screen and (max-width: 767px) {
      .hide-mobile {
        display: none;
      }
    }

    .ever-green-promos {

      margin-top: 1em;

    }

    .ever-green-promos-mobile h6 {

      text-align: center;
      font-weight: 700;
      color: #0C2D58;
      font-size: 160%;
      padding: 5% 6.5% 1% 6.5%;
      text-transform: uppercase;

    }

    .app-wrapper {
      padding: 0;

    }


  }

  @media only screen and (max-width: 775px) {


    .sword-div-row img {

      display: none;
    }

    .sword-div-row {

      font-size: 120%;
      margin-bottom: 1em;
    }

    .promo-body {

      display: inline-block;
    }

    .ever-green-promos-icons {

      padding: 5% 0;
    }

    .app-promotion img {
      width: 75%;
    }

    .promoTitle h3 {
      font-size: 7vw;
      margin: 0;

    }


  }


  /*Modal centering*/
  .modal {
    text-align: center;
    padding: 0 !important;
  }

  .modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px;
    height: 100%;
  }

  .modal-dialog {
    display: inline-block;
    vertical-align: middle;
  }

  .featured-promo {
    min-height: 0px;
  }


  /*--------------------------

THIS SECTION BELOW IS FOR THE BROWSER NOTIFICATIONS TOOLTIP, MANAGED BY AIMTELL

pushboxcontainer = main container
noticlose = close icon
noticon = the bell icon
notibody = body text (main heading and byline)
teaser = main heading
teaser-byline = byline
button-approve = approve button
button-deny = deny button

--------------------------*/



  #pushboxcontainer {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    box-shadow: none;
  }

  #pushboxcontainer pushbox {
    position: relative;
    background: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 325px;
    padding: 10px;
    padding-top: 15px;
    display: block;
    box-shadow: none;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: initial;
  }

  #pushboxcontainer teaser {
    color: rgb(56, 171, 80);
    text-transform: uppercase;
    padding: .5em 0;
    font-size: 15px;
  }


  #pushboxcontainer button-approve {

    color: black;
    background-color: #ffb80c;
    border: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 1px;
    padding: 6px 10px 3px 10px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  #pushboxcontainer button-deny {

    color: #a7a7a7;
    font-size: 13px;
    /*display: none;*/
    margin-right: 40px;
  }

  #pushboxcontainer noticlose {

    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: black;
    font-weight: 700;
    padding-top: .5em;

  }

  /*--------------------------------------
  Login Spinner Rendering Styling
--------------------------------------*/
  .spinnerOpacity {
    opacity: 0.6 !important;
  }

  .spinnerWatchDiv {
    position: absolute;
    bottom: 46%;
    right: 45%;
    z-index: 100;
  }

  .spinnerWatch {
    width: 32px;
    height: 32px;
    position: relative;
  }

  .spinnerHand {
    transform-origin: 50% 9px;
    -webkit-transform-origin: 50% 9px;
    -moz-transform-origin: 50% 9px;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner 1s linear infinite;
    -moz-animation: spinner 1s linear infinite;
  }

  @keyframes spinner {

    /* to {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
    } */
    0% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
    }
  }

  @media only screen and (min-width: 767px) and (max-width: 999px) {
    .featured-promo {
      padding-left: 2em;
    }

    .promo-slot-div {
      padding: 0 1em;
    }
  }

  @media only screen and (max-width: 766px) {
    .promo-slot-content {
      padding-left: 0;
      padding-right: 0;
    }

    .promo-slot img {
      width: 100%;
    }

    .acq-promo-slot {
      padding: 5% 6.5% 5% 6.5%;
    }
  }

  /* NEW CSS JUNE 2018*/

  .promo-featured-banner-spacing-top {
    padding: 8% 0 4% 0;
  }

  .promo-landing-page-banner-spacing-top {
    padding: 4% 0 4% 0;
  }

  .top-spacing-adjustment {
    /* margin-top: 8em; */
    padding-top: 96px;
  }

  .featured-promotion-row {

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #183246;
    margin-bottom: 3%;

  }



  .featured-promotion-content {
    border: #ffb834 4px solid;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2%;
    margin-top: 2%;
    line-height: 80%;
    padding-left: 13%;
    margin-left: -13%;
  }

  .featured-promotion-badge {
    position: relative;
    z-index: 2;
  }

  .featured-promotion-content h1 {
    font-size: 2.3vw;
    color: #ffb834;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
  }

  .featured-promotion-content h2 {
    font-size: 1.4vw;
    color: white;
    text-align: left;
    font-weight: 300;
    padding-top: 1%;
    padding-bottom: 2%;
  }

  .featured-promotion-content h5 {
    font-size: 1.7vw;
    text-transform: uppercase;
    font-weight: 700;
  }

  .featured-promotion-content {
    color: white;
  }

  .featured-promotion-badge img {

    display: block;
    margin: auto;

  }

  .badge-type-promotion {
    background:
      url(https://www.tvg.com/promos/assets/images/promo-bage-tag.svg);
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 12%;

  }

  .badge-type-contest {
    background:
      url(https://www.tvg.com/promos/assets/images/contest-badge-tag.svg);
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 14%;

  }




  @media only screen and (max-width: 999px) {
    .badge-type-promotion {
      background-size: 22%;
    }

    .feature-promo-div {
      background-color: #253e58;
      padding-bottom: 1.3em;
      padding-top: 1.3em;
    }

    .featured-promo {
      margin-left: -15px;
    }

    .featured-promo a,
    .featured-promo a:link,
    .featured-promo a:hover,
    .featured-promo a:visited {
      color: #fff;
    }

    .promo-content-2nd-featured-slot p {
      color: #fff !important;
    }
  }

  @media only screen and (max-width: 499px) {

    .featured-promotion-content {
      padding: 7% 3% 3% 3% !important;
    }
  }

  .mep-display-margin {
    margin-top: 0 !important;
  }

  @media only screen and (max-width: 768px) {

    .featured-promotion-badge img {
      max-width: 33%;
    }

    .featured-promotion-row {
      margin-top: 6%;
    }

    .featured-promotion-content h1 {
      font-size: 5vw;
      line-height: 1em;

    }

    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .featured-promotion-content {
        margin: 0 0 0 -9%;
        padding: 3% 3% 3% 9%;
        width: 67%;
      }

      .featured-promotion-badge {
        width: 25%;
        margin-left: 8.3%;
        padding-right: 15px;
        padding-left: 15px;
      }

      .featured-promotion-badge,
      .featured-promotion-content {
        min-height: 1px;
        float: left;
      }
    }


    @media only screen and (max-width: 599px) {
      .featured-promotion-content {
        margin: 2%;
        padding: 3%;
      }
    }

    .featured-promotion-content h2 {
      font-size: 3vw;
      letter-spacing: .5px;
    }

    .featured-promotion-content h5 {
      font-size: 5vw;
    }

    .featured-promotion-row {
      margin-bottom: 0%;

    }



  }

  @media only screen and (max-width: 414px) {

    .featured-promotion-badge {
      padding-top: 2%;
    }

    .promo-featured-banner-spacing-top {
      margin-top: 20%;
    }


    .featured-promotion-content h2 {
      font-size: 4vw;
    }


    .featured-promotion-badge img {
      max-width: 55%;
    }



  }

  .featured-promo-title {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    padding-top: 2%;
  }

  .promo-content-2nd-featured-slot h3 {
    text-transform: uppercase;
  }

  .small-banner-active {
    padding-top: 96px;
  }

  /*---------------------------------------------------
  Styling for the promo signage on the primary page
---------------------------------------------------*/
  .promoSignage {
    margin-bottom: 8px;
    display: inline-flex;
    display: -webkit-inline-flex;
  }

  .promoSignageText {
    font-family: Arial;
    font-size: 14px;
    /* line-height: 21px; */
    text-align: left;
    color: #000000;
    display: block;
    margin-left: 4px;
  }

  .optInComplete {
    height: 20px;
    /* width: 108px; */
    border-radius: 0.5px;
    background-color: #ffffff;
    border: solid 1px #ffb80c;
    display: flex;
    align-items: center;
  }

  .optInComplete,
  .optInPending,
  .contestSignage {
    padding: 4px;
  }

  .optInPending,
  .contestSignage {
    height: 20px;
    border-radius: 0.5px;
    background-color: #ffb80c;
    display: flex;
    align-items: center;
  }

  .optInComplete svg,
  .optInPending svg,
  .contestSignage svg {
    height: 16px;
  }

  .optInPending svg,
  .contestSignage svg {
    fill: white;
    stroke: #231F20;
  }

  .optInComplete svg {
    fill: #FFB80C;
    stroke: #231F20;
  }

  .promo-slot {
    display: flex;
  }

  .promo-slot a {
    flex-grow: 1;
  }

  .nonPromoSignage {
    height: 22px;
  }

  .promoSignageDesktop {
    margin-left: 15px;
  }

  .subFeaturePromoTitle,
  .promo-content-2nd-featured-slot h3 {
    text-transform: uppercase;
  }

  .already-opt-in .featured-promo-title {
    opacity: .5;
  }

  @media only screen and (min-width: 1000px) {
    .promo-content-2nd-featured-slot h3 {
      font-size: 2em;
    }

    .subFeaturePromoTitle h2 {
      font-size: 1.2em;
    }
  }

  @media only screen and (max-width: 999px) and (min-width: 768px) {
    .promo-content-2nd-featured-slot h3 {
      font-size: 36px;
    }

    .subFeaturePromoTitle h2 {
      font-size: 24px;
      text-align: left;
    }
  }

  @media only screen and (min-width: 768px) {

    .subFeaturePromoTitle,
    .promo-content-2nd-featured-slot h3 {
      margin-bottom: 3px;
    }
  }

  @media only screen and (max-width: 767px) {
    .promo-content-2nd-featured-slot h3 {
      font-size: 24px;
    }

    .subFeaturePromoTitle h2 {
      font-size: 20px;
      text-align: left;
      margin: 0;
    }

    .subFeaturePromoTitle,
    .promo-content-2nd-featured-slot h3 {
      margin: 0 0 7px 0;
    }

    .featured-promo-title {
      flex-direction: column-reverse;
    }

    .promo-badge-2nd-featured-slot {
      margin-bottom: 24px;
    }

    .promo-slot {
      display: flex;
      flex-direction: column;
    }
  }

  .optInStatus {
    margin-bottom: 0 !important;
  }