﻿

.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 */

img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

a, body {
    color: #fff
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    margin: 0;
    background-color: #000000;
    font-family: abc-modern,sans-serif;
	padding-bottom:.67rem;
}

ol, ul {
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    list-style: none;
    font-size: 0;
    margin: 0
}

*, :after, :before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

.capitalize {
    text-transform: capitalize
}

.lowercase {
    text-transform: lowercase
}

.uppercase {
    text-transform: uppercase
}

.emphasize {
    font-style: italic
}

.header__instant-access {
    background-position: 50% 0;
    background-image: url(/images/bg_header_instant_access.png);
    background-size: cover;
    height: 10.625rem;
    transform: translateZ(0)
}

.footer__instant-access .footer-logo, .logo__instant-access {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:48rem) {
    .header__instant-access {
        height: 12.6875rem
    }
}

.bounding-box {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 62.5rem;
    padding: 0 5%;
    width: 100%
}

@media only screen and (min-width:23.4375rem) {
    .bounding-box {
        padding: 0 5%;
    }
}

@media only screen and (min-width:64rem) {
    .header__instant-access {
        height: 17rem
    }

    .bounding-box {
        padding: 0
    }
}

.content__instant-access {
    text-align: center
}

.logo__instant-access {
    background-image: url(/images/logo_v2_abc_instant_access.png);
    position: relative;
    display: block;
    height: 4.75rem;
    margin: 0 auto;
    width: 4.75rem;
    top: -1.125rem
}

@media only screen and (min-width:48rem) {
    .logo__instant-access {
        height: 5.0625rem;
        width: 5.0625rem;
        top: -1.4375rem
    }
}

.page-header__instant-access {
    margin-bottom: 3.5rem
}

.page-title {
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: 1.5625rem;
}

@media only screen and (min-width:64rem) {
    .logo__instant-access {
        height: 6.3125rem;
        width: 6.3125rem;
        top: -1.875rem
    }

    .page-title {
        font-size: 2rem
    }
}

.page-subtitle {
    font-weight: 100;
    font-size: 1.125rem
}

@media only screen and (min-width:48rem) {
    .page-subtitle {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:64rem) {
    .page-subtitle {
        font-size: 1.5rem
    }
}

.providers_instant-access {
    margin-bottom: 7rem
}

.provider-links-list {
    margin-bottom: 3.5rem;
    text-align: left;
    padding: 0 5%
}

.section-title {
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: 1.5625rem;
}

@media only screen and (min-width:64rem) {
    .section-title {font-size:2rem;}
}

.provider-links-list li {
    margin-bottom: .625rem;
    font-size: 1rem;
    padding: 0 .3125rem;
    display: inline-block;
    width: 50%
}

@media only screen and (min-width:48rem) {
    .provider-links-list li {
        width: 25%
    }
}

.provider-links-list li a {
    width: 100%;
    padding-bottom: 62.5%;
    position: relative;
    overflow: hidden;
    background-color: rgba(255,255,255,.15);
    transition: background-color .3s;
    display: block;
    height: 100%
}

.provider-links-list li a > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.provider-links-list li a img {
    width: auto;
    height: 100%
}


.asterisk {
    top: 12% !important;
    right: 12% !important;
    left: auto !important;
    font-size: 1.2rem;
    font-weight: normal;
}

@media only screen and (max-width:30rem) {
    .asterisk {font-size:0.9rem; top:5% !important; right:5% !important;}
}

.disclaimer {
    letter-spacing: .02625rem;
    margin-bottom: 3rem;
    line-height: .875rem;
    font-size: .71875rem;
    color: #888;
    margin-top: 2rem;
}

.provider-links-list li a:hover {
    background-color: rgba(255,255,255,.3)
}

.fineprint__instant-access {
    font-weight: 200;
    max-width: 38.125rem;
    margin: 0 auto 2.5rem
}

.fineprint__instant-access p {
    letter-spacing: .02625rem;
    margin-bottom: 1rem;
    line-height: .875rem;
    font-size: .71875rem;
    color: #888
}

.footer__instant-access {
    background-color: #141414;
    padding: 2.5rem 0
}

.footer__instant-access .footer-logo {
    background-image: url(/images/logo_v2_abc_instant_access.png);
    height: 3.125rem;
    margin: 0 auto 2.5rem;
    width: 3.125rem
}

.footer__instant-access .footer-social-links {
    margin-bottom: 2.5rem;
    text-align: center
}

.footer__instant-access .footer-social-links .list-item-link {
    margin-right: 2.5rem;
    font-size: 1.5625rem;
    display: inline-block;
    height: 1.5625rem;
    width: 1.5625rem
}

.footer__instant-access .footer-social-links .list-item-link:last-child {
    margin-right: 0
}

.footer__instant-access .footer-social-links .list-item-link img {
    width: 1.5625rem;
    opacity: .5
}

.footer__instant-access .footer-social-links .list-item-link a {
    transition: color .3s;
    color: #ccc
}

.footer__instant-access .footer-social-links .list-item-link a:hover {
    color: rgba(204,204,204,.8)
}

.footer__instant-access .footer-links {
    font-weight: 100
}

.footer__instant-access .footer-links .column {
    vertical-align: top;
    text-align: center
}

@media only screen and (min-width:48rem) {
    .footer__instant-access .footer-links {
        display: flex
    }

    .footer__instant-access .footer-links .column {
        text-align: left;
        flex-basis: 0;
        flex-grow: 1
    }
}

.footer__instant-access .footer-links a {
    transition: color .3s;
    display: block
}

.footer__instant-access .footer-links a:hover {
    color: rgba(255,255,255,.8)
}

.footer__instant-access .footer-links li {
    letter-spacing: .033125rem;
    line-height: 2.25rem;
    font-size: 1rem
}

.footer__instant-access .sibling-brands-list {
    text-align: center;
    max-width: 18.75rem;
    margin: 3rem auto .8125rem
}

@media only screen and (min-width:48rem) {
    .footer__instant-access .sibling-brands-list {
        max-width: unset
    }

    .footer__instant-access .sibling-brands-list .brands-list-group {
        display: flex
    }
}

.footer__instant-access .sibling-brands-list .list-item {
    margin-bottom: 1rem;
    display: inline-block;
    width: 33.33%
}

.footer__instant-access .sibling-brands-list .list-item a {
    width: 100%;
    padding-bottom: 33.3333333333%;
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%
}

.footer__instant-access .sibling-brands-list .list-item a > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.footer__instant-access .sibling-brands-list .list-item a img {
    transition: opacity .3s;
    max-width: 5.625rem;
    opacity: .75;
    margin: 0 auto;
    height: auto;
    width: 100%
}

.footer__instant-access .sibling-brands-list .list-item:hover img {
    opacity: 1
}

@media only screen and (min-width:48rem) {
    .footer__instant-access .sibling-brands-list .list-item {
        margin-right: 5%;
        width: 16%;
        margin-bottom: unset;
        flex-basis: 0;
        flex-grow: 1
    }

    .footer__instant-access .sibling-brands-list .list-item:last-child {
        margin-right: unset
    }
}

.zipentry           {font-weight:100; color:#cccccc; padding-bottom:30px; margin:0px auto;}
input#cfZip         {color: black; text-align: center;}
input#btnZipSubmit  {background-color: #3b3b3b; border: 0px; border-radius: 5px; height: 25px;}

@media (max-width:850px) {
    .zipentry input[type=submit]    {margin-top:0px; height:31px;}
}


@media (max-width:647px) {
    .zipentry               {width:256px; font-size:16px;}
    .zipentry input[type=text] {margin:12px 0px;}
}

@media (max-width:260px) {
    .zipentry               {width:100%;}
}

.ziptitle               {margin-bottom:5px;}
#lnkCurrentZip          {text-decoration:underline; font-weight:700;}
#lnkChangeZip           {text-decoration:underline; font-size:14px;}
#ChangeZip              {background:transparent; width:100%; max-width:400px; padding:0px; box-sizing:border-box; margin:0px auto;}
#ChangeZip input        {border:none; color:#333333; background:white; height:25px; width:85px; text-align:center; margin:0px 5px; font-family:inherit; font-size:16px;  border:2px solid white; outline:0px;}
#ChangeZip input[type=submit]   {background:#3b3b3b; color:white; width:60px; cursor:pointer; font-size:12px; border:none; border-radius: 0px;}
#ChangeZip input[type=submit]:hover {text-decoration:underline;}
#ChangeZip input.error  {border:2px solid red;}
#ZipError               {color:red; font-size:12px;text-align:center; line-height: 14px; margin-bottom:-11px; margin-top: 10px;}
#ChangeZip input[type=submit].clear     {background:transparent; border-color:transparent;}


.steps {background:url(/images/steps690.png) no-repeat; background-position:top; background-size:contain; margin:1.5rem 0px; padding:2rem 0px; font-weight: 400; font-size: 1.5625rem; text-align:center;}
.steps > div {float:left; width:33.3333%; margin:0px 0px; padding:0px 4%; box-sizing:border-box;}
.steps p {font-size:1rem; font-weight:200;}

@media only screen and (min-width:64rem) {
    .steps {font-size:2rem;}
}
@media only screen and (min-width:50rem) {
    .steps {background-image:url(/images/steps.png);}
}
@media only screen and (max-width:30rem) {
    .steps {background-image:none; padding-top:0px;}
    .steps > div {float:none; width:auto; padding:0px 17%;}
    .steps p {margin:.5rem 0px 1.5rem;}
}

.streaming__instant-access a,
.providers_instant-access a        {display: block; position:relative; width:100%; max-width:25rem; margin:0px auto; border-bottom: 1px solid white; text-align: right; padding: 2rem 0% 2rem 0%; background-repeat: no-repeat; background-size: 46%; background-position-y:center;}
.streaming__instant-access a:hover,
.providers_instant-access a:hover  {border-bottom:1px solid #d70100;}

.streaming__instant-access span    {position:absolute; right:-0.6rem; top:39%;}

.providers_instant-access {margin-top:5rem; margin-bottom:5rem;}

@media only screen and (max-width:22rem) {
    .streaming__instant-access a,
    .providers_instant-access a  {font-size:.8rem; padding:1.9rem 0%;}
}

.signin                  {margin:1rem 0px 4rem;}
.signin h2.section-title {font-size: 1.4rem;}
.signin p                {font-weight:200;}
.signin a                {text-decoration:underline; font-weight:400;}