html,body			{margin:0px;padding:0px;border:0px;background: #ffffff;font-size:100%;font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;}
a					{text-decoration:underline;cursor:pointer;color: #000000;}
*                   {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%;}
h1                      {font-family: oswald, sans-serif;font-size: 2.4em;font-weight: 500;margin: 0px;line-height: 1.3em;padding: 0px;flex: 100%;text-align: left;text-transform: uppercase;}
h2                      {font-size: 3em;font-weight: 600;color: #ffffff;margin: 0px auto;}
h3                      {
                         font-family: oswald, sans-serif;
                         font-size: 2.6em;
                         font-weight:500;
                         margin: 0px;
                         line-height: 1.5em;
                         padding: 0px;
                         flex: 100%;
                         text-align: left;
                         text-transform: uppercase;
                        }
h4                      {font-size:1.5em;text-align:center;margin: 0px 0px 1em;font-weight: 500;}

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],
input[type=number]      {font-weight:400;width: 15em;border: 1px solid #d9d9d9;color:#9b9b9b;font-size:1rem;line-height: 1em;box-sizing:border-box;margin: 0px 1em 0px 15px;text-align: left;border-radius: 1.25em;background-color: white;padding: .5em 1em;}

input[type=submit],
a.button                {/* min-width:90px; */height: 3em;font-size: .8em;font-weight:600;color:white;background: #000000;border:none;outline:none;cursor:pointer;margin: 0px;border-radius: 2em;box-sizing: border-box;line-height: 1em;padding: 0px 2em;
                         text-transform: uppercase;font-family: Oswald, sans-serif;letter-spacing: .5px; text-decoration:none;}
a.button                {padding: 1em 3em;box-sizing: border-box;}
.zipentry a.button      {padding:0.7em 2em;}
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;}
.keyword-bold           {font-weight:700;}

.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                 {margin:0px;padding: 1em 0px;text-align:center;}
.header img             {/* height:1.57em; */width: 13.33%;max-width: 4.625rem;}

.outerwrapper           {margin:0px auto;width:100%;max-width: 80em;box-sizing: border-box;padding: 0px 2em;}
.container              {
                         position:relative;
                         box-sizing:border-box;
                         display: flex;
                         clear:both;
                         width:100%;
                         /*max-width: 65rem;*/
                         height:auto;
                         min-height:180px;
                         margin: 1em auto 0em;
                         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%;margin: 0px;flex: 100%;}

.bg-grey                {background: #f0f0f0; border-radius: .75em;}

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

.headline               {/*text-align:center;*/}
.headline p             {font-weight:500;font-size: 1.25em;color:#ffffff;margin: .5em 0;line-height: 1.5em;max-width: 43%;padding: 0 0;}
.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: 30.25em;box-sizing: border-box;background-size: cover;background-position: center;*/}
.hero img               {width:100%;border-radius:10px;}
.hero .herosm,
.hero .hero768,
.hero .hero1024         {display:none;}
.hero-overlay           {position:absolute;z-index:5;display:flex;align-items:center;height:calc(100% - 2em);width:calc(100% - 2em);padding:0 1em 1em;color:#ffffff;text-shadow:1px 1px #333;}
.hero-overlay .position-wrapper     {container-type:inline-size;width:100%;}
.hero-overlay h1        {font-size:clamp(2em,5.6cqw,4.8em);max-width:60%;}



.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 #bfbfbf; */margin: 3em auto 2em;flex: 6%;box-sizing: border-box;text-align: center;}
.divider-line           {display: inline-block;width: 1px;border-left: 1px solid #bfbfbf;height: 100%;}

div#ProviderBox         {/*border-bottom: 2px solid #c8c8c8;padding-bottom: 3em;*/display: flex;flex-direction: row;flex-wrap: wrap;}
#ProviderBox p          {text-align:left;font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:500; color:#000000;font-size:1.1rem;line-height:1.5em;padding: 0px;margin-block-end:0.5em;}
.providers              {/* width: 29em; *//* min-height:285px; */margin:0px auto 0px;background: transparent;padding: 0px;border: 0px;box-sizing:border-box;position:relative;flex: 45%;}
.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          {}
/*.providertitle p            {font-size:14px; color:#39393a; font-weight:bold; margin:0px 0px 8px; line-height:12px;}*/
.providertitle p          {font-family:oswald, sans-serif;font-size: 1.625em;font-weight:500;margin:0px;padding: 0px 0px .5em;}
.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;place-content: space-around;justify-content: center;gap: .5em;align-items: stretch;align-content: center;}
.providerlogos a        {/* float:left; *//* width:122px; *//* height:67px; */line-height:67px;margin: 0;/* padding:1.3em 0.8em 1.3em; */background: #ffffff;border: 1px solid #cecece;border-radius: .5em;width: calc(25% - .5em);flex-grow: 0;box-sizing: border-box;min-height: 6em;display: flex;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap; text-decoration:none;}
.providerlogos a img    {max-height:55px;max-width:90%;vertical-align:middle;/* justify-self: start; */}
.providerlogos a.partnerMessage        {/* float:left; *//* width:122px; *//* height:67px; *//* line-height:67px; *//* margin: 0; *//* padding:0.8em 0.8em 1.8em; *//* background: #ffffff; *//* border: 1px solid #cecece; *//* border-radius: .5em; *//* flex: 17.7%; *//* flex-grow: 0; */}

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

div#OtherProviders      {width: 100%;margin: 0px 26% 1em;flex: 100%;display: flex;flex-direction: row;flex-wrap: wrap;max-width: 46em;}
div#OtherProviders p    {font-size: 1em;font-weight:600;margin:0px 0px 20px;line-height: 1em;text-align:center;flex: 100%;}
.providerphone          {/* float:right; *//* clear:right; */flex: 30%;font-family:oswald, sans-serif;text-align: right;}
.providername           {/* float:left; *//* clear:left; */flex: 70%;text-align: left;box-sizing: border-box;}
.breaker:last-child     {margin-bottom: 4rem;}

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

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

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

.container.breakouts    {margin:0 auto 0;}
.breakout-grey          {background:#ececec;padding:1.5em;margin:1em 0;border-radius:10px;}
.breakout-grey h2       {color:#000000;font-family: oswald, sans-serif;font-size: 2.4em;font-weight: 500;margin: 0px;line-height: 1.3em;padding: 0px;flex: 100%;text-align: left;text-transform: uppercase;}
.breakout-grey p        {text-align:left;font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:500; color:#000000;font-size:1.1rem;line-height:1.5em;padding: 0px;}


.faq                    {width: 90%;max-width:57em;}
.faq h3                 {color:#000000;margin: 0px;}
.faq-item               {display:flex;flex-direction:row;flex-wrap:wrap;/*border-bottom:2px solid #cecece;*/padding: 1.5em 0px;flex: 100%;}
.faq-item p             {/*flex:50%;*/box-sizing:border-box;font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;font-size:1em;line-height:1.5em;color:#000000;text-align:left;padding: 0px 1em 0px 0px;vertical-align: top;margin: 0px;}
.faq-item ul,
.faq-item p+p           {font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:400; color:#000000;font-size:1em;line-height:1.5em;padding: 1em 0 0 0;}
.faq-item ol            {font-family:Roboto, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:400; color:#000000;font-size:1em;line-height:1.5em;padding: 0 0 0 2em;}
.faq-item ul,
.faq-item ol            {/*flex:50%;*/ text-align: left;}
.faq-item li            {margin: 0px 0px 0px 1.5em;}


.totop                  {font-family:Oswald,sans-serif; font-size:1em; font-weight: 500;color:#000000;text-decoration: none;margin: 1.5em auto; text-transform:uppercase;}
.totop img              {width:1em;}

.footer                 {font-family: proxima-nova, sans-serif;font-weight:400;display:flex;margin: 2em auto 0;padding: 2.625rem 11%;/* background:#000000; */color:#757575;}
.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: .6875rem; line-height: .9375rem; width: 100%; letter-spacing: .5px;}
.footerlegal a          {color:#000000; font-weight:400;}


@media (max-width:1282px) {
}

@media (max-width:1060px) {
    /*.hero-overlay h1    {font-size:3.2em;}*/
}

@media (max-width:960px) {
    /*.hero-overlay h1    {font-size:3em;}*/
}


@media (max-width:64rem) {
    h3                  {font-size:2em; line-height:1.4em;}
    .header              {padding:1.5em 0px;}
    .hero .herolg       {display:none;}
    .hero .hero1024     {display:block;}
}

@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.cable        {}
    /*.divider                {display:none;}*/

}

@media (max-width:800px) {
    .hero-overlay           {padding:1em;}
    .headline p             {font-size:3cqw;}
}


@media (max-width:56rem) {
    .providerlogos a        {/* flex: 30.8% !important; */flex-grow: 0;width: calc(33% - .5em);}

    div#OtherProviders   {margin:0px 15% 1em;}
}
@media (max-width:35rem) {
    .providerlogos a        {flex-grow: 0;width: calc(50% - .5em);}

}

@media (max-width:48rem) { 
    .hero .hero1024      {display:none;}
    .hero .hero768       {display:block;}

    h4                   {font-size:1.25em;}
    .fsgo a.button       {padding:1.2em 4em;}
}

@media (max-width:41rem) {
    .providertitle p        {text-align:left;}
    .divider             {display:none;}
    .providers           {flex:100%;}
    .providers.streaming    {margin:0px auto 2.5em;}
    
    div#OtherProviders   {margin:0px 1em 1em;}
}

@media (max-width:640px) {
    .hero-overlay h1        {font-size:6cqw;}

    /*.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;}
        
    /*.providers              {width:100%;  margin:1em auto 0px; padding:1em 0px 0px;}*/

    /*.providerlogos          {width:310px;}
    .providerlogos a        {float:left; width:93px; height:50px; line-height:50px; margin:4px; }
    .providerlogos a img    {max-height:44px; max-width:87px;}*/
    
    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:1em;}
}


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

@media (max-width:38rem) {
    .fsgo               {margin-top: 0.5em; font-size:.8rem;}
}

@media (max-width:30rem) {
    .outerwrapper        {padding:0px 1em;}

    .header              {padding:1em 0px;}
    .header img          {width:20%; min-width:2.5rem;}  
    .hero .hero768       {display:none;}
    .hero .herosm        {display:block ;}
    .hero-overlay        {height:unset;padding-top:2em;}

    .headline  p         {font-size:3.7cqw;max-width:64%;}

    #cfZip               {display:block; margin:0px auto 1em;}
    #btnZipSubmit        {margin-top:1em;}

    div#ProviderBox      {padding-bottom:0;}
    #ProviderBox p       {font-size:1rem;}
    h1                   {font-size:1.25em;}
    .breakout-grey h2    {font-size:1.25em;}
    .breakout-grey p     {font-size:1rem;}

    h3                   {font-size:1.25em;}

    .providertitle p     {font-size:1em;}

    .fsgo a.button       {padding:1.25em 3em;}

}

@media (max-width:25rem) {
    .providerlogos a        {flex:46.8%;flex-grow: 0;}
}