/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

img,
legend {
    border: 0
}

legend,
td,
th {
    padding: 0
}

.hero,
.hero li,
sub,
sup {
    position: relative
}

.cta-link,
a,
a:active,
a:visited {
    text-decoration: none
}

.bottom li:first-child+li+li,
.bottom:after,
.clear,
.clearfix:after,
.hero:after,
section {
    clear: both
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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
}

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;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container,
.footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.container:after,
.footer:after {
    content: " ";
    display: block;
    clear: both
}

.center {
    text-align: center
}

.f_l {
    float: left
}

.f_r,
.logo {
    float: right
}

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

header {
    background: #fff;
    height: 60px;
    padding: 0 5.26316%;
    margin: 0 auto;
    max-width: 1700px
}

header .aol {
    width: 54px;
    margin: 21px 0 0
}

@media (min-width:950px) {
    header {
        height: 100px
    }
    header .aol {
        width: auto;
        margin: 32px 0 0
    }
}

header .container,
header .footer {
    max-width: 1070px
}

.logo {
    margin: 21px 0 0;
    width: 97px
}

.notification {
    max-width: 1700px;
    padding: 20px 5.26316%;
    background: red;
    color: #fff
}

.hero,
.notification div {
    max-width: 1070px
}

@media (min-width:950px) {
    .logo {
        width: auto;
        margin: 29px 0 0
    }
    .notification {
        padding: 40px 5.26316%
    }
}

.hero-wrap {
    padding: 0 5.26316% 40px;
    overflow: hidden;
    background-color: #e6e7e8
}

@media (min-width:950px) {
    .hero-wrap {
        padding: 60px 5.26316% 70px;
        background-size: cover
    }
    .hero-sm {
        display: none
    }
}

.confirm .hero-wrap {
    padding: 40px 5.26316%
}

.hero-sm {
    height: 238px;
    background-size: auto 80%
}

.hero {
    color: #000;
    font-size: .9375rem
}

.hero h1 {
    margin: 0 0 .8em;
    font-size: 2rem;
    font-weight: 600
}

.hero h1+p {
    margin-bottom: .5em;
    font-weight: 700
}

.hero p {
    font-size: 1.3125rem;
    margin: 0 0 1em
}

.hero ul {
    padding: 0;
    list-style: none;
    margin: 0 0 2em
}

.hero li {
    font-size: 1.125rem;
    padding: 0 0 .5em;
    margin: 0 0 0 1em;
    list-style-type: disc
}

.hero .cta {
    margin-bottom: .5em
}

.hero .r {
    display: none;
    position: absolute;
    top: -60px;
    bottom: -70px;
    right: 0;
    width: 49.15254%;
    background-size: contain
}

@media (min-width:950px) {
    .hero p {
        font-size: 1.125rem
    }
    .hero li {
        font-size: 1rem
    }
    .hero .l {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }
    .hero .r {
        display: block
    }
    .hero .cta-wrap {
        text-align: left
    }
}

.bottom,
.cta-link,
.cta-wrap {
    text-align: center
}

.bottom li:before,
.cta-link:before,
.spinner:after {
    content: ""
}

.error .hero-wrap {
    max-width: 1700px;
    margin: 0 auto
}

.error .hero-wrap strong {
    color: #049eff
}

@media (min-width:950px) {
    .error .hero {
        color: #424242
    }
    .error .hero h1 {
        color: #049eff
    }
}

.cta-link,
.cta-link:active,
.cta-link:visited {
    color: #fff
}

.cta-link {
    position: relative;
    font-size: 1.1875rem;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding: 0 54px 0 30px;
    background: #049eff;
    display: inline-block;
    transition: background .1s ease
}

.cta-link:hover {
    background-color: #1ea8ff
}

.cta-link:before {
    position: absolute;
    width: 12px;
    height: 11px;
    right: 27px;
    top: 25px;
    background: url(https://s.aolcdn.com/os/WAS/mvp/verizonwireless/img/arrow.png) center center no-repeat #049eff
}

.cta-wrap .cta-link+span {
    display: block;
    font-size: .875rem;
    color: #424242;
    padding: 1em 0 0
}

h2 {
    font-size: 1.125rem;
    line-height: inherit;
    font-weight: 600;
    margin: 0 0 .2em
}

.bottom-wrap {
    padding: 30px 5.26316% 40px;
    background: #fff
}

@media (min-width:950px) {
    .bottom-wrap {
        padding: 70px 5.26316% 90px
    }
}

.bottom {
    color: #424242;
    max-width: 900px
}

.bottom ul {
    padding: 0
}

.bottom li {
    position: relative;
    list-style: none;
    padding-top: 105px;
    margin-bottom: 20px
}

@media (min-width:600px) {
    .bottom li {
        width: 48.27586%;
        float: left;
        margin-right: 3.44828%;
        padding-left: 120px;
        padding-top: 0;
        padding-right: 1.5em;
        text-align: left
    }
    .bottom li:first-child+li,
    .bottom li:first-child+li+li+li {
        float: right;
        margin-right: 0
    }
}

.bottom-title,
.error .cta-wrapper {
    text-align: center
}

@media (min-width:600px) {
    .bottom li:before {
        left: 0;
        margin-left: 0
    }
}

.bottom li a,
.bottom li a:hover,
.bottom li a:visited {
    color: #00a8fe
}

.bottom li p {
    color: #666;
    font-size: .9375rem;
    margin: 0 0 3em
}

.bottom li:first-child+li:before {
    background-position: 13px -387px
}

.bottom li:first-child+li+li:before {
    background-position: 12px -790px
}

.bottom li:first-child+li+li+li:before {
    background-position: 12px -1158px
}

.error .hero-wrap,
.footer-wrap {
    background: #f2f2f2
}

.bottom-title {
    max-width: 760px
}

.bottom-title h1 {
    color: #000;
    margin-bottom: 1.7em;
    margin-top: 0;
    font-size: 1.8125rem;
    font-weight: 600
}

.footer-extras li a,
.footer-extras li a:active,
.footer-extras li a:visited,
.footer-wrap .links li a,
.footer-wrap .links li a:active,
.footer-wrap .links li a:visited {
    color: #424242
}

@media (min-width:950px) {
    .bottom-title h1 {
        font-size: 2rem
    }
}

.small {
    font-size: .75rem;
    font-style: italic;
    margin: 0 0 4em
}

.footer-wrap {
    padding: 45px 5.26316%;
    font-size: .9375rem;
    margin: 0 auto;
    max-width: 1700px
}

.footer-wrap ul {
    padding: 0
}

.footer-wrap a:hover {
    text-decoration: underline
}

.footer-wrap .links li {
    list-style: none;
    display: block;
    margin: 0 0 1em
}

@media (min-width:950px) {
    .footer-wrap {
        font-size: .75rem
    }
    .footer-wrap .links li {
        display: inline
    }
    .footer-wrap .links li a {
        padding: 0 1em;
        border-right: 1px solid #424242
    }
}

.footer-wrap .links li:first-child a {
    padding-left: 0
}

.footer-wrap .links li:last-child a {
    border: none
}

.footer {
    max-width: 1070px
}

.footer-extras li {
    list-style: disc inside
}

.confirm .disc,
.error .disc,
.error .footnotes {
    display: none
}

.error .hero {
    max-width: 700px
}

.error .hero p {
    font-weight: 400;
    margin-bottom: 2em;
    line-height: 1.7
}

@media (min-width:950px) {
    .copyright {
        padding-left: 1em
    }
    .error .cta-wrapper {
        text-align: right
    }
}

.error footer {
    background: #fff
}

.error .num {
    font-weight: 600;
    color: #049eff
}

body {
    font-family: 'Open Sans';
    background: #f9f9f9
}

.wrapper {
    max-width: 1700px
}


/*# sourceMappingURL=main.css.map */