html,body			{margin:0px; padding:0px; border:0px; background:#f9f9f9; font-size:100%; font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:400;}
a					{color: #ffffff;text-decoration:underline;cursor:pointer;}
*                   {position: relative;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             		{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom: 1; } /* IE7 */

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.nowrap                 {white-space:nowrap;}

p                       {font-size:20px;}
label                   {cursor:pointer;}
hr                      {border:none;border-top: 1px solid #ffffff80; margin: 2em 20%; flex: 100%;}
h2                      {font-size: 3em;font-weight: 600;color: #ffffff;margin: 0px auto;}
h3                      {font-size: 2.6em;margin: 0px;color: #ffffff;line-height: 1.5em;padding: 1em 0px 0px;flex: 100%;}

input,
select,
textarea                {outline:none;}

input                   {/* height:23px; */padding: .5em .5em;font-family:inherit;}
select                  {height:25px; padding:0px 0px 0px 10px; font-family:inherit;}
textarea                {height:23px; padding:5px 10px 0px;}
input[type=text]        {width: 10em;border: 1px solid white;color:#9b9b9b;font-size:1rem;line-height: 1em;box-sizing:border-box;margin:0px 0px 0px 15px;text-align: left;border-radius: .3em 0px 0px .3em;background-color: white;}
input[type=submit]      {/* min-width:90px; */height: 2.5em;font-size: 1em; font-weight:600; color:white;background:#d20f26;border:none;outline:none;cursor:pointer;margin: 0px;border-radius: 0px .3em .3em 0px;box-sizing: border-box;line-height: 1em; padding: 0px 1em;}
input[type=checkbox]    {border:none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #464646;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #464646;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #464646;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #464646;
}

.red                    {color:#f30941;}

.boxshadow              {-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
                        -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
                        box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);}


.flex-break             {flex-basis: 100%; height: 0;}

input.error,
select.error            {border:1px solid red;}
label.error             {color:red !important;}
.errormessage           {color:red; font-weight:normal; font-size:12px; text-align:center; margin:10px 0px;}
.hide                   {display:none;}

.header                 {background:#000000;margin:0px; padding:2em 2em;}
.header img             {height:1.57em;}

.outerwrapper           {margin:0px auto; width:100%; /*max-width:1440px;*/}
.container              {
                         position:relative;
                         box-sizing:border-box;
                         display: flex;
                         clear:both;
                         width:100%;
                         max-width:925px;
                         height:auto;
                         min-height:180px;
                         margin:0 auto 3em;
                         background:transparent;
                         text-align:center;
                         flex-direction: row;
                         flex-wrap: wrap;
                         }
.container::before,
.container::after       {content:""; display:block; height:0; clear:both;}
.container.full         {width: auto; max-width: 100%;}

.foxlogo                {display:block; margin:0 auto 3em; width:50%; max-width:20rem;}

.headline               {text-align:center;}
.headline p             {font-weight: 400;font-size: 1.25em;color: #ffffff;margin: .5em auto;line-height: 1.5em;max-width: 32em; padding: 0px 2em;}
.headline p+p           {font-weight:600; font-size:6em; line-height:90px; color:#0086bd; margin:0px;}

.hero                   {background:url(/images/hero-lg.jpg) no-repeat;min-height:20em;box-sizing: border-box;padding: 11% 0px;background-size: cover;background-position: center;}

.maincopy               {position:relative; z-index:0; min-height:239px; border:1px solid #f0f0f0; padding:20px 40px 81px; max-width:925px; margin:5px auto 0px; box-sizing:border-box;}
.maincopy p             {font-size:1.4em; font-weight:400; color:#00224d; text-align:center;}
.maincopy p+p           {}

.bg-gradient            {background:#222222;}

.showsbox               {position:relative; z-index:1; max-width:1287px; margin:-5em auto 0px; text-align:center;}
.showsbox img           {width:300px; border:2px solid #ffffff; margin:0px 7px 12px;}

.divider                {height: 9em;width:1px;border-left:1px solid #666666;margin: 3em auto 0px;}

.providers              {/*width:422px; min-height:285px; */margin:0px auto 0px;background: transparent;padding: 0px;border: 0px;box-sizing:border-box;position:relative;}
.providers.streaming    {/* float:left; */}
.providers.cable        {/* float:right; */}
.providers > p          {bottom: 0px; position: absolute; text-align: center; margin: 10px auto; width: 96%; font-size: 12px; font-weight: 400;}
.providertitle          {height:30px; margin:0px;}
/*.providertitle p            {font-size:14px; color:#39393a; font-weight:bold; margin:0px 0px 8px; line-height:12px;}*/
.providertitle p          {font-size:1.125em; color:#ffffff; font-weight:600; margin:0px;}
.providertitle p img    {padding:0px 12px 2px 20px; vertical-align:middle;}
/*.providers.cable .providertitle p   {padding-top:20px;}*/

.providerlogos          {width: auto;margin:1em auto 0px;display: flex;flex-direction: row;flex-wrap: wrap;align-content: space-around;justify-content:center;}
.providerlogos a        {/* float:left; width:122px;*/height:67px;line-height:67px; margin:5px;padding:1em 0.6em 1em;background: #ffffff;border-radius: .5em;flex: 0 0 calc(20% - 10px);}
.providerlogos a img    {max-height:55px; max-width:min(110px, 90%); vertical-align:middle;}
.providerlogos a img[alt='Hulu + Live TV'] {max-width:85%;}
.providerlogos a.partnerMessage        {padding:0.6em 0.6em 1.4em}

.partnerMessage:after {
    content: attr(data-msg);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #000;
    line-height: 0.8rem;
    padding: 0.3rem 0px;
    text-transform: uppercase;
    font-size: 0.8rem;
}


div#OtherProviders      {width: 100%;margin: 0px auto 3em;flex: 100%;display: flex;flex-direction: row;flex-wrap: wrap;max-width: 46em;}
div#OtherProviders p    {font-size: 1em;color: #ffffff;font-weight:600;margin:0px 0px 20px;line-height: 1em;text-align:center;flex: 100%;}
.providerphone          {/* float:right; *//* clear:right; */flex: 50%;color: #ffffff;}
.providername           {/* float:left; *//* clear:left; */flex: 50%;text-align: left;padding-left: 9%;box-sizing: border-box;}

.zipentry               {font-size:1em;color:#ffffff;text-align:center;flex:100%;padding: 0px 0px 3em;}
.zipentry input[type=text] {}              

.disclaimer             {margin:0px 20px;}
.disclaimer p           {font-size:12px; font-weight:600; color:#9b9b9b; text-align:center; margin:20px 0px;}


.faq                    {width: 90%;max-width:57em;}
.faq h3                 {color:#000000;}
.faq-item               {display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #979797;padding: 1.5em 0px;}
.faq-item p             {flex:50%;box-sizing:border-box;font-size:1.25em;line-height:1.5em;color:#0086BD;text-align:left;font-weight:500;padding: 0px 1em 0px 0px;vertical-align: top;margin: 0px;}
.faq-item p+p           {color:#1f1f1f;font-size:1em;line-height:1.5em;padding: 0px;}

.totop                  {font-size:1em;font-weight: 600;color:#0086BD;text-decoration: none;margin: 1.5em auto;}
.totop img              {width:1em;vertical-align: middle;}

.footer                 {display:flex;margin: 2em auto 0;padding: 2.625rem 2rem;background:#000000;color:#ffffff;}
.footer .logo           {min-width: 4rem; max-width: 4rem; margin: 0 3rem 0 0;}
.footer .logo img       {width: 100%; height: auto;}
.footer a img           {vertical-align:middle;}
.footerlegal            {margin:0; font-size: .875rem; line-height: 1.57; width: 100%; color: hsla(0,0%,100%,.6); letter-spacing: -.33px;}
.footerlegal a          {color:#ffffff; font-weight:500;}

.fsgo                   {padding: 0px 0px 1em;box-sizing:border-box;text-align: center;display: block;margin: 0px auto 0em;min-height: auto;width: 100%;/*border-bottom: 2px solid #c8c8c8;*/font-size: 1rem; color:#a1a1a1;}
.fsgo a                 {color:#a1a1a1; white-space:nowrap;}

@media (max-width:1282px) {
    .showsbox           {max-width:640px;}
}

@media (max-width:880px) {
    /*.headline p             {}
    .headline p+p           {font-size:100px; line-height:90px;}*/

    .maincopy               {padding:25px 40px 95px;}
    .maincopy p             {font-size:22px;}

    .providers.streaming    {margin:0px auto 2.5em;}
    .providers.cable        {}
    .divider                {display:none;}

}
@media (max-width:768px) {
    .header img                 {height:1.125em;}    
    .providerlogos a        {flex:0 0 22.7%;}
}

@media (max-width:740px) {
    /*
    .headline p+p           {font-size:84px; line-height:90px;}*/

    
    h2                      {font-size: 2.4em; line-height: 1.3em; padding: 0px 2em;}
    h3                      {font-size:2em; padding: 1em 1em; line-height: 1.3em;}
    .headline p             {}
    
    .providerlogos a        {flex: 0 0 calc(25% - 10px);}

    .footer                 {display:block;}
    .footer .logo           {margin-bottom:1rem;}
}

@media (max-width:640px) {
    /*.outerwrapper           {margin:25px auto; width:100%; max-width:auto;}*/

    /*.headline p             {font-size:6vw; line-height:12px; margin:0px 0px 16px;}
    .headline p+p           {font-size:7vw; line-height:7vw;}*/

    .maincopy               {min-height:132px; padding:20px; border:none; border-top:1px solid #f0f0f0; box-shadow:none;}
    .maincopy p             {font-size:13px; margin:0px;}
    
    .showsbox              {max-width:480px; margin:-1em auto 0px;}
    .showsbox img          {width:141px;}

    
    .providers              {width:100%;  margin:1em auto 0px; padding:1em 0px 0px;}
    
    .providerlogos          {margin: 1em 1em 0px;}
    .providerlogos a        {flex: 0 0 calc(33% - 10px);}
    .providerlogos a img    {}
    
    div#OtherProviders      {width:100%; margin:0px 0px 30px; padding:0px 20px; box-sizing:border-box}
    .providername          {text-align:center; flex:100%; padding:0px;}
    .providerphone           {text-align:center; flex:100%; margin-bottom:1.5em;}

    .zipentry span          {display:block; margin:0px 0px 13px;}

    .faq-item p             {font-size:1.1em;}
}


@media (max-width:640px) {
    .faq-item           {display:block;}
    .faq-item p         {margin-bottom:1em; padding:0px;}
}

@media (max-width:420px) {
    .providerlogos a        {flex: 0 0 calc(50% - 10px);}
}