input:focus {
    border: 1px solid red; 
  }
  
  @import url('https://fonts.googleapis.com/css?family=Nunito:400,700,900|Teko:300,400,500,600,700');
  
  @font-face{
   font-family:nbcsn_frank;
   src:url(https://www.nbcsports.com/sites/all/themes/custom/nbcsports/fonts/nbcsn_frank/nbcsn_frank-regular.eot);
   src:url(https://www.nbcsports.com/sites/all/themes/custom/nbcsports/fonts/nbcsn_frank/nbcsn_frank-regular.eot?#iefix) format("embedded-opentype"),
    url(https://www.nbcsports.com/sites/all/themes/custom/nbcsports/fonts/nbcsn_frank/nbcsn_frank-regular.woff2) format("woff2"),
    url(https://www.nbcsports.com/sites/all/themes/custom/nbcsports/fonts/nbcsn_frank/nbcsn_frank-regular.ttf) format("truetype");
   font-weight:400;
   font-style:normal
  }
  
  body, html {
   height: 100%;
   min-height:100%;
   margin: 0px;
   padding: 0px;
   /*background-color: #fff;
   background-color: #f8f8f8;
   background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url() !important;*/
  }
  html{
 background: url(https://image.em.nbcsports.com/lib/fe97137377640c7975/m/1/6d83945b-a289-4465-af2b-dd8011152f85.jpg) no-repeat center center fixed;
   background-size: cover;
   background-attachment: fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
  }
  body{
   height: 100vh;
   /*font-family: Nunito; */
   font-family: 'Bebas Neue', sans-serif;
   position: relative;
   color:#fff;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
  
  .formwrapper {
     width: 100% ;
   display: inline-block;
       text-align: center;
     }
  .prizeimg {
    max-width: 400px;
    max-height: 402px;
    margin: 0 40px 0 0;
    object-fit: contain;
  }
     .prizeSpan{
     width: 100%;
         margin: 20px 0 0 0; 
     display: inline-block;
      }  
   .prizeSpace  {margin-top: 30px; text-align: center;} 
   .prizeAlign{
    display: inline-block;
max-width: 410px;
 vertical-align: bottom;
 }
  .prizeTile, .prizeTile a, .prizeTile img
   {
   opacity: 1;
   
    text-decoration: none;
    display: inline;
   }
  .prizeTile a:hover, .prizeTile img:hover {
    opacity: .5;
  background: #FFD700;
      text-decoration: underline;
    border: 1px solid #FFD700; 
  border-radius: 20px;
   color: #fff;
  }
   .prizeTile:hover,  {
       background: #FFD700; 
      color: #fff; 
      border: 1px solid #FFD700; 
  border-radius: 20px;
      padding: 0; 
      text-decoration: none;
   opacity: .5;
  }   
  .prizeTile--active, {
      background: #FFD700;
      color: #fff;
     border: 1px solid #FFD700; 
  border-radius: 20px;
      padding: 0;
  } 
  .rainbow {
    width: 80%;
    height: auto;
    margin: 0 81px 12001px 80px;
    background-image: linear-gradient(302deg, #7eadfb 37%, #f46c3d 68%, #ffde6f 78%);
    font-family: NBCSN_Frank;
    font-size: 55px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.42;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
    .prizeTile{
   position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0;
      margin: 0 10px 12px 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      
  } 
    .prizeTileSelected{
   position: relative;
     opacity: .5;
  background: #FFD700;
      text-decoration: underline;
    border: 1px solid #FFD700; 
  border-radius: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
     
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0;
      margin: 0 10px 12px 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      
     
  } 
  .wrapper{
   /*background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://image.em.nbcsports.com/lib/fe97137377640c7975/m/3/edf2e1f9-8552-4f7e-9008-7f1b560667c8.jpg');
   background-size: cover;
   background-attachment: fixed;
   background-repeat:no-repeat;
   background-position:center; 
   -moz-background-size: cover;
   -o-background-size: cover;
   -webkit-background-size: cover;
   -ms-content-zooming: none;*/
   width: 100%;
   height:100%;
   min-height:100%;
   /*text-align: center;*/
   display: inline-block;
   position: absolute;
   /*overflow: auto;*/
   background: transparent;
   padding-left: 15px;
   padding-right: 15px;
   margin-top: -15px;
  }
  .hidemobile{
    display: none;
                  max-height: 0;
                  overflow: hidden;
             
  }
  @media only screen and (max-width:1024px)  { 
   .wrapper{ margin-top: 15px !important; }
  .hidemobile{
    display: none;
                  max-height: 0;
                  overflow: hidden;
             
  }
  }
  /*
  @media only screen and (max-width:600px)  { 
   .wrapper{ margin-top: -150px !important; }
  .prizeSpace  {margin-top: 2px; text-align: center;} 
  .hidemobile{
    display: inline-block;}
  
  }
  @media only screen and (max-width:500px)  { 
   .wrapper{ margin-top: -100px !important; }
  .prizeSpace  {margin-top: 2px; text-align: center;} 
  .hidemobile{
    display: inline-block;}
  }
  @media only screen and (max-width:400px)  { 
   .wrapper{ margin-top: -85px !important; }
  .prizeSpace  {margin-top: 2px; text-align: center;} 
  .hidemobile{
    display: inline-block;}
  }
  @media only screen and (max-width:300px)  { 
   .wrapper{ margin-top: -80px !important; }
  .prizeSpace  {margin-top: 2px; text-align: center;} 
  .hidemobile{
    display: inline-block;}
  }
  @media only screen and (max-width:200px)  { 
   .wrapper{ margin-top: -55px !important; }
  .hidemobile{
    display: inline-block;}
  }*/
  
  #registration{
   display: inline-block;
  }
  
  #checkout-container{
  text-align: center; 
  }
  #plpubpass{
   padding-bottom: 40px;
  }
  .email {
      text-align: center;
      /*margin-top: 16px;*/
      margin-bottom: 16px;
      height: 40px;
      color: #000000;
      background: #ffffff;
      /* border: 1px solid #282a2c; */    
      padding: 0px 10px;
      font-size: 17px;
       box-sizing: border-box;
      border: none;
     
  }
  .questionwrapper{
    margin: 5px auto; 
    text-align: left;
  }
  .questionwrapper .question{
   font-weight: bold;
   -webkit-margin-after: 0;
  }
  .questionwrapper .answer{
   -webkit-margin-before: 0;
  }
  .submitButton,#registration_0,#updatePreferences_2,#registration_1{
   text-align: center;
      background: #5C890E;
      color: #FFFFFF;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 20px;
      padding: 10px 35px;
      border:none;
      border-radius: 20px;
      text-decoration: none;
      margin: 30px;
  }
   #registration_email{
    width: 100%;
   }
    .content-header h1{
      font-family: 'Teko';
      font-style: italic;
      font-weight: bold;
      font-size: 60px;
      margin-bottom: 0px;
      margin-top: 10px;
     }
      .btn{
       background-color: #5C890E;
      }
  
      .goldcolor{
       background-color: #F2C04A;
      }
  
      /*.check-main { 
       top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #fff;
      border: solid;
       }*/
  
  /*.check-main {
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      cursor: pointer;
  }
  */
  
  /* Customize the label (the container) */
  .container {
    display: inline-block;
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  color: #5D5D5D;
  }
  .unsubinfolabel {
    position: relative; 
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  color: #5D5D5D;
  }
  /* Hide the browser's default checkbox */
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
   
      border: solid;
      box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      border-color: #5D5D5D;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  /*.container input:checked ~ .checkmark {
    background-color: #2196F3;
  }*/
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark::after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark::after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
   left: 4px;
      top: 0px;
      width: 5px;
      height: 10px;
      border: solid #26165e;
      border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .horizontal-rule {
      width: 100%;
      height: 1px;
      background-color: #fdb813;
      margin-top: 20px;
  }
  
  .vertical-rule{
   width: 1px;
      height: 100%;
      background-color: #ccc;
      margin-top: 20px;
  }
  .content-header h1{
   margin-top: 40px;
   line-height: 1;
  }
  .content-header h2,h3{
   margin-top: 10px;
   line-height: 1;
  }
  .content-header h3{
   font-weight: 520;
  }
  
  .privacy_policy{
   margin: 40px;
   font-size: 14px;
  }
  .error {
      /*width: 50%;*/
      margin-top: 5px;
      margin-left: 30px;
      /*float: left;*/
  }
  
  #registration_errorMessage{
   text-align: center;
   border: none;
   color: red;
      width: 100%;
      margin-left: 10px;
      margin-bottom: 10px;
      background-color: transparent;
  }
  
  #registration_errorMessage:focus, .error:focus { 
   outline: none;
   -webkit-box-shadow: none;
    box-shadow: none;   
     }
  
  /*.privacy_policy a{
   text-decoration: none;
  }*/
  
  #registration_email_label{
       /*font-family: teko;*/
      font-size: 22px;
      margin-bottom: 0;
      font-weight: 700;
  }
  
  .content-footer {
      background: #ccc;
      /*position: absolute;*/
      left: 0px;
      bottom: 0px;
      height: 60px;
      width: 100%;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 10px;
  }
  .content-footer p{
   margin: 0;
    position: relative;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%)
  }
  
  
  
  a{
  /* text-decoration: none;*/
  }
  
  .grid-container{
   display: grid;
      grid-template-columns: auto auto;
     border-collapse: collapse;
    border-style: hidden;
  }
  
  .grid-item{
   border-right: solid;
  }
  
  #templateColumns {
    margin: 0 auto;
    border-collapse: collapse;
    border-style: hidden;
    /*font-size: 22px;
      margin-bottom: 0;
      font-weight: 700;*/
  }
  .templateColumnContainer {
    padding: 1rem 0;
    border: 1px solid #ccc;
    vertical-align: top;
    width: 50%;
  }
  .firstcolumn {
    border-top: none !important;
   
  }
  .lastcolumn {
    border-bottom: none !important;
   padding: 1rem 0 1rem 5rem; /*1rem 5rem;*/
  
  }
  .unsubcolumn{
   border: none !important;
   width: 450px;
   padding-left: 50px;
  }
  .unsubinformation{
  border: none !important;
   padding-left: 50px;
  }
  #templateColumns{
   width: 85%;
   /*border: 0;*/
  }
  #templateColumns tr{
   align-content: center;
   height: 189px;
  }
  
  .innerTable{
   width: 100%;
  
  }
  
  .selectionHeader{
       font-family: 'Avenir-next-bold' , Fallback, 'Nunito';
      font-size: 26px;
      /*margin-bottom: 0;*/
      font-weight: 1000;
      transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
    line-height: 0.9;
  }
  .lastImage{
   width: 135px;
   height: auto;
  }
  
  .columnImage{
   width: 70px;
   height: auto;
  }
  .content-form-pref{
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
  }
  .leftColumnContent, .rightColumnContent{
   width: 50%;
  vertical-align: top;
  }
  .imgColumn{
   text-align: right;
   width: 30%;
   vertical-align: top;
      padding-top: 30px;
  }
  .unsubtable{
   padding-left: 30px;
   text-align: left;
   width: 85%;
   margin: 0 auto 20px auto;
   padding-top: 40px;
  }
  .push{
   padding: 2rem;
  }
  
  .thank-you-page{
  max-width: 600px;
  margin: 20px auto;
  font-weight: 600;
  font-size: 18px;
  }
  .uppercase{
   text-transform: uppercase;
  }
  @media only screen and (min-width:320px) and (max-width:480px)  { 
    #templateColumns{
              width:100% !important;
              padding: 0px 10px !important;
              display: inline-block !important;
          }
  
          .templateColumnContainer{
              display:inline-block; !important;
              width:90% !important;
              border-left: none !important;
              border-right: none !important;
          }
  
          .columnImage{
              height:auto !important;
              /*max-width:480px !important;*/
              /*width:100% !important;*/
          }
  
          .leftColumnContent{
              font-size:16px !important;
              line-height:125% !important;
          }
  
          .rightColumnContent{
              font-size:16px !important;
              line-height:125% !important;
          }
          .push{
   padding: 1.5rem;
  }
  .lastcolumn { 
   padding: 0 !important;
  }
  .unsubtable{
   width: 90%;
   padding-left: 10px;
   /*margin: 0;*/
  }
  #emptycolumn,#emptycolumn1{
   padding: 0;
  }
  .unsubcolumn,.unsubinformation{
   width: 80%;
  padding-left: 0;
  }
  .thank-you-page{
  max-width=auto;
  margin: 20px auto;
  width: 80%;
  }
  .linebreak{
  display: none;
  }

  
        }
  @media only screen and (min-width:481px) and (max-width:640px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
  .lastcolumn { 
   padding: 1rem 0 1rem 2rem /*1rem 2rem*/ !important;
  }
  .push{
   padding: 1.5rem !important;
  }
  }
  @media only screen and (min-width:641px) and (max-width:960px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
  .lastcolumn { 
   padding: 1rem 0 1rem 3rem;
  }
  .push{
   padding: 1.5rem;
  }
  }
  @media only screen and (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  /*#rugbysecondlinebreak{
  display: none;
  }*/
  }
  @media only screen and (min-width:609px) and (max-width:619px)  { 
  #cplinebreak{
  display: none;
  }
  }
  @media only screen and (min-width:767px)  { 
  #rugbysecondlinebreak{
  display: none;
  }
  }
  @media only screen and (max-width:614px)  { 
  #bplinebreak{
  display: none;
  }
  }
  @media only screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
  @media only screen and (min-width:1281px) { /* hi-res laptops and desktops */ }
  
  
  .privacyTermsSection{
   /*  background-color: rgb(255,255,255); White background for old browsers */
   /*  background-color: rgba(255,255,255,0.8); /* White background, 50% transparency for more modern browsers. Will be ignored by old browsers */
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-top: 3px;
    padding-bottom: 14px;
    padding-top: 14px;
  }
  @media only screen and (max-width:767px)  { 
   .topLogoImage{
    width: 250px !important;
   }
   .topTitleMessage{
    font-size: 22px !important;
   }
   .topTitleMessage2{
    font-size: 20px !important;
   }
  }
  
  @media only screen and (max-width:320px)  { 
   .topTitleMessage{
    font-size: 18px !important;
   }
   .topTitleMessage2{
    font-size: 16px !important;
   }
  }
  
  
  input:-webkit-autofill {
      -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
      -webkit-text-fill-color: #333;
  }
  input:-webkit-autofill:focus {
      -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
      -webkit-text-fill-color: #333;
  } 
  
  .semiTransparentBackground{
    background-color: rgb(255,255,255); /* White background for old browsers */
    background-color: rgba(255,255,255,0.8); /* White background, 50% transparency for more modern browsers. Will be ignored by old browsers */
  }
  
  
  @media only screen and (max-width:767px)  { 
   .mobileAnimationsDD{
    display:none !important;
   }
   .checkboxMobile{
    width: auto !important;
   }
  }
  
  
  @-webkit-keyframes spaceboots {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
  .shakeImg:hover,
  .shakeImg:focus {
   -webkit-animation-name: spaceboots;
   -webkit-animation-duration: 0.5s;
   -webkit-transform-origin:50% 50%;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
  }
  
  
  
  #home-page-link{
   width: 220px;
   padding: 13px 0 8px;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 100%;
   float: right;
   margin-right: 10px;
  }
  
  #return-home{
   padding-top: 21px;
   text-transform: none;
   position: relative;
   width: 128px;
   height: 18px;
   border: none;
   float: left;
   font-size: 16px;
   line-height: 1.44;
   color: #bdbdbd;
   margin-left: 10px;
  }
  
  #return-home:hover {
      border-top: none;
      color: #fff;
      background-color: transparent;
      padding-top: 21px;
  }
  #return-home:hover svg g path[style="fill:#909090"] {
      fill: #fff!important;
  }
  #return-home:hover svg g#Arrow-nbc-logo>path {
      stroke: #fff!important;
  }
  
  
  @media only screen and (max-width:767px)  { 
   #home-page-link{
   width: 150px;
      padding: 18px 0 8px;
   }
  }
  
  /*GOLD BUTTON*/
  .button-slanted-content {
   -ms-transform: skewX(-17deg);
      -webkit-transform: skewX(-17deg);
      transform: skewX(-17deg);
      display: inline-block;
      color: #ffffff!important;
   background: #00a846;
      border-radius: 10px;
   padding: 9px 40px 7px 40px;
      font-family: Arial;
      font-size: 23px;
      font-weight: bold;
   margin-bottom:40px;
  }
  .goldButton{
   -ms-transform: skewX(17deg);
      -webkit-transform: skewX(17deg);
      transform: skewX(17deg);
  }
  .button-slanted-content2{
   margin-left: 10px;
  }
  @media only screen and (max-width:320px)  { 
   .button-slanted-content2{
     margin-left: 0px;
     margin-top: 25px !important;
   }
  }
  
  
  /*================EMAIL FIELD=====================*/
  input.empty + .placeholder {
      bottom: 11px;
  }
  .input + placeholder, input + .placeholder, input.empty:active + .placeholder, input.empty:focus + .placeholder {
      transition: bottom .2s ease;
      position: absolute;
      bottom: 36px;
      left: 0;
  }
  
  
  select.empty + .placeholder {
      bottom: 11px;
  }
  .select + placeholder, select + .placeholder, select.empty:active + .placeholder, select.empty:focus + .placeholder {
      transition: bottom .2s ease;
      position: absolute;
      bottom: 36px;
      left: 0;
  }
  
  .placeholder {
      pointer-events: none;
      /*color: #9397a0;*/
      text-transform: uppercase;
      font-size: 0.8334em;
      letter-spacing: 0.1em;
      float: left;
  }
  .placeholder .icon {
      width: 12px;
      height: 12px;
      margin-right: 6px;
      vertical-align: top;
      opacity: 0.3;
      margin-top: 3px;
  }
  i.icon {
      display: inline-block;
  }
  .icon-email {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGpSURBVFiF7da9axRBGAbwX4yHIARSiQjWflRpBS1S2glqqaWtoIVoFAQLa/8FIUUiCEYQLEQFRZPCxrtGAmITUQgIUbG4fBQ7y723dxc2d7sicg8MzMz78Twzu+/MMMYYHTRwBy20sV1xa6OJ24mrCxN4WgPpoLYUieECHqX+N7zFZvnNK4VJnMahND6Px7lxOai7VjFxxPXA8z4aWrq3aB7TFRJPp5yRoxUdFvV+py+YrYB8NuUq5l+MTgvB8Cn0t/AAB4YgbuCu7F/K830O/YVBAg4m0qi2iZk9kJ/Eh0KOh5gqIyDHWayF+T+4gX27EE/gCn6FuO84F3xKCyArmaXCSl7gaB/yw3hW8H2OIwW/PQnIcRkbwecHLgX7RawH+29c1TlnRhYAx7Cie4XzestrJfkOwtACyP7se/rfFe1k6znnqxSQ4xRWQ8xqmiuDLgH7SwYV8U5WljfT+D5+DpNoWAES4dwI8di9pv8KxgL+GQFfw9zxGvlOhP4anSp4JTs64TXeqOdJdiaMXxYdipdOne1JP4UNWV031fcs/4hbRjt/xvjPsAMYFf9+Xzn+HwAAAABJRU5ErkJggg==);
  }
  .icon {
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .iconText{
   font-family: 'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
      line-height: 1.6;
      text-align: center;
      font-weight: 300;
      font-size: 11px;
      opacity: 0.9;
  }
  @media only screen and (max-width:767px)  { 
   .thankYouImg{
     width:100%;
   }
   .submitRegistration{
    margin-top: 120px !important;
   }
  }
  
  @media only screen and (max-width:413px)  { 
    .unsubAllSection{
     width: auto !important;
    }
  }
  
  
  @media only screen and (max-width:767px)  { 
   .desktopOnly{
   display:none;
   }
   .mobileOnly{
   display:block !important;
   }
  .rainbow {
    margin: 0px !important;
    background-image: linear-gradient(302deg, #7eadfb 37%, #f46c3d 68%, #ffde6f 78%);
    font-family: NBCSN_Frank;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.42;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  }
  
  @media only screen and (max-width:414px)  { 
   .signUpFormMobile{
    margin-top: 15px !important;
   }
  .rainbow {
    font-size: 30px !important;
    background-image: linear-gradient(302deg, #7eadfb 37%, #f46c3d 68%, #ffde6f 78%);
    font-family: NBCSN_Frank;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.42;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  }
  .hidemobile{
    display: inline-block;}
  }
  @media only screen and (max-width:375px)  { 
   .signUpFormMobile{
    margin-top: 15px !important;
   }
  .rainbow {
    font-size: 25px;
  }
  .hidemobile{
    display: inline-block;}
  
  }
  @media only screen and (max-width:360px)  { 
   .signUpFormMobile{
    margin-top: 15px !important;
   }
  .rainbow {
    font-size: 25px;
  }
  .hidemobile{
    display: inline-block;}

  }
  @media only screen and (max-width:320px)  { 
   .signUpFormMobile{
    margin-top: 15px !important;
   }
  .rainbow {
    font-size: 30px;
  }
  .hidemobile{
    display: inline-block;}
 
  }
  @media only screen and (max-width:825px)  { 
   .topImageDsk{ display:none; }
   .topImageMbl{ display:block !important; }
 
  }
  
  
  
  .nbcOfficialFont{
   font-family: 'nbcsn_frank', Arial, Helvetica, sans-serif !important;
  }
  
  .rsn-site-csnbayarea-home-page-link {
      width: 171px !important;
      padding: 14px 0 12px !important;
  }
  @media screen and (max-width: 1023px){
   .rsn-site-csnbayarea-home-page-link {
      padding: 12px 0 6px !important;
   }
 
  }
  
  
  .fullScreenBackground{
   background-size: cover !important;
   background-attachment: fixed !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   -webkit-background-size: cover !important;
  }
  
  @media only screen and (max-width:825px)  { 
   .tySection{
    margin-top: 15px !important;
    margin-bottom: 60px !important;
   }
  .rainbow {
    font-size: 35px;
    background-image: linear-gradient(302deg, #7eadfb 37%, #f46c3d 68%, #ffde6f 78%);
    font-family: NBCSN_Frank;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.42;
    letter-spacing: normal;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  }
  @media only screen and (max-width:320px)  { 
   .tyTitle{
    font-size: 18px !important;
   }
  .rainbow {
    font-size: 25px;
  }
  }
  
  .NBC-btn-orange {
     border-radius: 25px;
     /* background-color: #e31c13;*/
      /*font-family: NBCSN_Frank-Bold;*/
      font-size: 23px;
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      color: #e31c13;
      border: none;
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 25px;
      margin-bottom: 50px;
      line-height: 50px;
      display: inline-block;
  border: 2px solid #e31c13;
  }
  .NBC-btn-white-border {
     border-radius: 25px;
   background-color: #009bb8;
      /*font-family: NBCSN_Frank-Bold;*/
      font-size: 23px;
      font-weight: 700;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      color: #ffffff;
      border: none;
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 25px;
      margin-bottom: 50px;
      line-height: 50px;
      display: inline-block;
  border: 2px solid #ffffff;
  }
  @supports (display: inline-grid) {
      .NBC-btn-orange {
          display: inline-grid;
          /*padding: 14px 12px 11px 12px;*/
          justify-content: space-evenly;
      line-height: 50px;
      }
  }
  
  .nbcsportsHeaderFooterFont {
      font: normal 12px Arial,Helvetica,sans-serif;
  }