*:before,
*:after {
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
:root {
    font-size: 62.5%
}
svg:not(:root) {
    overflow: hidden;
}
body {
    transition: background-color .25s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 1.5rem;
    font-family: Avenir Next, Avenir, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    background-color: #000;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, .8);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 1.6rem 0;
}
button {font-family: Avenir Next, Avenir, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;}
a {color: #fff;text-decoration: none;}
ul {
    padding: 0 0 1em 0;
    margin: 0 0 1.4em 0;
    border-bottom: 2px solid transparent;
    border-image: url(img/divider.png) 100;
}
#container {
	height: 100%;
	color: #fff;
    background-size: cover;
    background-attachment: fixed;
	background-image: url(img/upgrade_bg_default.jpg)
}
.AnonHeader {
    transition: background-color .25s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 6rem;
    z-index: 100;
}
.AnonHeader__logo {
    top: 1.7rem;
    left: 3rem;
    position: absolute;
    height: 5rem;
}
.AnonHeader__logo__icon {
  fill: #fff;
  height: 2.5rem;
  width: 11rem;
}
.UpgradeLayout__container {
    padding-top: 5vh;
    padding-bottom: 5vh;
    min-height: calc(90vh - 12rem); /*100vh - 10vh(padding) - 12rem(footer)*/
    text-align: center;
    max-width: 97.25rem;
    margin: auto;
}
.UpgradeLayout__header,
.UpgradeLayout__subheader {
  margin: 0 auto;
  padding: 0;
}
.UpgradeLayout__disclaimer, .UpgradeLayout__subheader {
    font-weight: 500;
}
.UpgradeLayout__header {
    font-size: 3.6rem;
    line-height: 4.8rem;
    font-weight: 500;
}
.UpgradeLayout__subheader {
    font-size: 1.5rem;
    line-height: 2.6rem;
}
.UpgradeLayout__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4rem;
}
.webDefaultHide {display: none;}
#mbl_col { display: flex; align-items: center;}
.UpgradeLayout__card {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.InfoCard {
	width: 32.7rem;
	padding: 1.2rem 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
	background-color: #fff;
	text-align: center;
    border-radius: 0.2em;
}
.InfoCard--1 {
    margin-bottom: 5.1rem;
}
.InfoCard__header__primaryText,
.InfoCard__header__secondaryText {
	padding: 0;
}
.InfoCard__header__primaryText,
.InfoCard__content,
.InfoCard__content__footer {
	color: rgba(0,0,0,.8);
}
.InfoCard__header__secondaryText {
	color: #0aa0ee;
}
.InfoCard__header {
	margin: 1.4rem 2rem;
}
.InfoCard__cta {
    margin: 1.6rem 0;
}
.InfoCard__header__primaryText {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 400;
    color: #585858;
}
.InfoCard__header__secondaryText {
    font-size: 2.2rem;
    line-height: 3.6rem;
    font-weight: 400;    
}
.ButtonT3 {
    position: relative;
    background-color: #661fe7;
    color: #fff;
    height: 3.2rem;
    padding: .3rem 1.2rem;
    border: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 500;
}
.ButtonT3.ButtonT3--inverted {
    color: #3668ff;
    border: .1rem solid #661fe7;
    background: #fff;
}
.InfoCard--1 .ButtonT3--full {
	width: 25.4rem;
	margin: auto;
}
.InfoCard--2 .ButtonT3--full {
    width: 27.4rem;
    margin: auto;
}
.ButtonT3--gradientBlueLight {
    color: #fff;
    background-color: #661fe7;
}
.ButtonT3--gradientBlueLight:before {
    transition: opacity .35s ease-in-out;
}
.ButtonT3--gradientBlueLight:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ButtonT3--pill {
    border-radius: 2rem;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0,0,0,.2);
}
.ButtonT3, .ButtonT3--small {
    font-weight: 500;
}
.InfoCard__cta .ButtonT3 {
    text-transform: capitalize;
}
.ButtonT3.ButtonT3--large {
    height: 4.2rem;
    padding: .7rem 2rem;
}
.InfoCard__content .InfoCard--1 {
	margin: 2rem 1.5rem;
}
.InfoCard__content .InfoCard--2 {
    margin: 2rem 1rem;
}
.UpgradeCard__listItem {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: left;
	margin: .5rem 0;
	list-style: none;
}
.UpgradeCard__listItem:before {
    content: "";
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem;
    margin-right: 1.5rem;
    vertical-align: baseline;
}
.UpgradeCard__listItem--active {
    color: #000;
}
.UpgradeCard__listItem--active:before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%233668FF' fill-rule='evenodd' d='M0 8.536L4.307 14 14 1.708 12.655 0 4.307 10.585 1.346 6.828z'/%3E%3C/svg%3E");
}
.InfoCard--mobile .InfoCard__content {
    overflow: hidden;
    transition: all .5s ease-in-out;
}
.InfoCard--mobile .InfoCard__content__belowFold {
    height: auto;
    max-height: 28.1rem;
    transition: all .5s ease-in-out;
}
.InfoCard__content__cta {
    margin-bottom: 1rem;
}
.InfoCard__content__finePrint {
    color: #8d8d8d;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.4;
    min-height: 3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.InfoCard__content__footer {
	margin: 2rem 1rem 0;
}
.InfoCard__content__footer__bar {
	height: .1rem;
}
.PipedLinks__links {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.PipedLinks__title {
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgba(0,0,0,.6);
    padding: 0;
    text-align: center;
}
.PipedLinks__link__text {
    font-size: 1.2rem;
    line-height: inherit;
}
.PipedLinks__link__text, .PipedLinks__title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12rem;
}
.PipedLinks__link {
  display: flex;
  align-items: center;
}
.PipedLinks__link .ButtonT3 {
    margin: 0 .5rem;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: #3668ff;
}
.PipedLinks__pipe {
    height: 1.2rem;
    border-right: .1rem solid rgba(0,0,0,.4);
}
.UpgradeLayout__children {
        margin-left: 3rem;
        margin-right: 3rem;
        width: 25.2rem;
    }
.UpgradeLayout__disclaimer { width: 68rem; }
.a11y--visuallyHidden, .UpgradeSplashDevice__cta, .UpgradeSplashDevice__header, .UpgradeSplashDevice__subheader, .visuallyHidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.UpgradeSplashDevice__cta, .UpgradeSplashDevice__header, .UpgradeSplashDevice__subheader {
    margin: 0 auto;
}
.UpgradeSplashDevice {
    text-align: center;
}
.UpgradeSplashDevice__header {
    font-size: 3.6rem;
    line-height: 4.8rem;
    font-weight: 400;
    display: none;
}
.UpgradeSplashDevice__subheader {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 500;
    display: none;
}
.UpgradeSplashDevice--pandoraPremium .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumFamily .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumMilitary .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumStudent .UpgradeSplashDevice__image {
    background-image: url(img/device_premium.png);
}
.UpgradeSplashDevice__image {
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-height: 58rem;
    min-height: 50.4rem;
	background-position: 0 0;
}
.UpgradeSplashDevice__cta {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.UpgradeLayout__link {
    text-decoration: underline;
}
.UpgradeLayout__disclaimer {
    margin: 4.5rem auto;
    font-size: 1.2rem;
    line-height: 2rem;
}
.Footer {
	color: hsla(0,0%,100%,.6);
	text-align: center;
	position: relative;
	margin-top: 5rem;
}
.Footer--blackBackground {
    margin-top: 0;
}
.Footer__signUp {
	color: #fff;
	background-color: rgba(0,0,0,.4);
	padding: 1rem 0;
}
.Footer__signUpMessage,
.Footer__signUpCTA {
	margin: 2rem auto;
	padding: 0;
}
.ButtonT3--link {
    display: inline-block;
    text-align: center;
    margin: 0 1.2rem;
}
.Footer__content {
	position: relative;
	padding: 2rem 0;
	margin: 0 auto;
	background-color: #000;
}
.Footer__nav,
.Footer__copyright {
	width: calc(74vw - 8.8rem);
	margin: 1rem auto;
}
.Footer__navLink {
    line-height: 3.6rem;
    display: inline-block;
    font-weight: 500;
    font-size: 1.2rem;
}
.Footer__navLink:visited {
	color: #fff;
}
.Footer__navLink:hover {
	text-decoration: underline;
}
.Footer__navLink:not(:first-child) {
	margin-left: 1.3rem;
}
.Footer__copyright {
  font-size: 1rem;
}
.Footer__copyright .divider {
    margin: 0 0.8rem;
}
@media screen and (max-width: 972px) and (min-width: 768px) {
    .webDefaultShow {display: none;}
    .webDefaultHide {display: block;}
	.UpgradeLayout__header, .UpgradeLayout__subheader {
	    width: calc(87.5vw - 10.3rem);
	}
    .UpgradeLayout__header {font-size: 3.4rem;}
	.UpgradeLayout__card {
	    width: calc(45vw - 7.6rem);
	}
    .InfoCard {
        width: 28rem;
        padding: 1.2rem 1.5rem;
    }
    .InfoCard--1 {
        margin-bottom: 2rem;
    }
    .InfoCard__header {margin: 1rem;}
    .InfoCard__header__primaryText {font-size: 2rem;}
    .InfoCard__cta {margin: 1rem 0;}
    .ButtonT3.ButtonT3--large {
        font-size: 1.3rem;
        height: 3.8rem;
    }
    .InfoCard--1 .ButtonT3.ButtonT3--large {
        width: 21rem;
    }
    .InfoCard--2 .ButtonT3.ButtonT3--large {
        width: 24rem;
    }
    ul {
        padding: 0 0 0.8em 0;
        margin: 0 0 1em 0;
    }
    .UpgradeCard__listItem {
        font-size: 1.3rem;
        line-height: 2.1rem;
    }
    .InfoCard__content__finePrint {
        font-size: 1rem;
        line-height: 1.3;
    }
    #mbl_col { flex-direction: column;}
	.webDefaultHide.UpgradeLayout__children {
        margin-left: 5rem;
        margin-right: 0;
        width: 27rem;
	}
    .webDefaultHide .UpgradeSplashDevice__image {
        min-height: 54.4rem;
        background-position: 50% 0;
    }
	.UpgradeLayout__disclaimer {
	    width: calc(100vw - 11.2rem);
	}
	.Footer__copyright, .Footer__nav {
	    width: calc(75vw - 9.4rem);
	}
}
@media screen and (max-width: 767px) {
	.AnonHeader__logo {
	    left: auto;
	    right: 2rem;
	}
    .UpgradeLayout__header {
        width: calc(105vw - 5.6rem)
    }
	.UpgradeLayout__subheader {
	    width: 82vw;
	}
    .UpgradeLayout__header {
        font-size: 3.1rem;
        line-height: 3.8rem;
        margin-bottom: 1rem;
    }
    .webDefaultShow {display: none;}
    #mbl_col {flex-direction: column;}
    .InfoCard {
        width: 90vw;
        max-width: 31rem;
        padding: 1rem 4vw 1.2rem;
    }
    .InfoCard--1 {
        margin-bottom: 2rem;
    }
    .InfoCard__header {
        margin: 0.8rem 1.8rem 1rem;
    }
    
    .InfoCard--2 .ButtonT3.ButtonT3--large {
        padding: .7rem 0;
        width: auto;
    }
	.UpgradeLayout__disclaimer {
    	width: calc(100vw - 5.6rem);
	}
	.Footer__signUp--overlap {
	    margin-top: -15rem;
	}
	.Footer__nav {
	    width: 80vw;
	}
    .Footer__copyright {
        width: 70vw;
    }
}