*: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: #d03194;
    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;
    margin: 0;
}
#container {
	height: 100%;
	color: #000;
    background-size: 100% auto;
    background-attachment: fixed;
	background-image: url(img/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.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: 2.5rem;
    left: 3.5rem;
    position: absolute;
    height: 5rem;
}
.AnonHeader__logo__icon {
  fill: #fff;
  height: 3.3rem;
  width: 16.1rem;
}
.UpgradeLayout__container {
  padding-top: 7.6rem;
  /*padding-bottom: 5vh;*/
  min-height: calc(90vh - 12rem); /*100vh - 10vh(padding) - 12rem(footer)*/
  text-align: center;
}
.UpgradeLayout__header,
.UpgradeLayout__subheader {
  margin: 0 auto;
}
.UpgradeLayout__disclaimer, .UpgradeLayout__subheader {
    font-weight: 500;
}
.UpgradeLayout__header {
    font-size: 3.5rem;
    line-height: 4.3rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    background-color: #07f0e4;
    width: 720px;
    padding: 0.98em 0 0;
}
.UpgradeLayout__subheader {
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: #000;
    background-color: #07f0e4;
    width: 100%;
    padding: 1.4rem 0 2.2rem;
    margin-top: -0.5rem;
}
.UpgradeLayout__subheader span {
    width: 55rem;
    display: block;
    margin: auto;
}
.UpgradeLayout__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
/*.UpgradeLayout__card,
.UpgradeLayout__children {
  @include gridQuery(width, 4, 3, s);
  @include gridQuery(width, 5, 4, m, l, xl);
}*/
.UpgradeLayout__card {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.InfoCard {
	width: 37.5rem;
	/*min-width: 20.7rem;*/
	padding: 1.2rem 2rem 2.4rem;
	/*margin-bottom: 2rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.2);*/
	background-color: #08f0e3;
	text-align: center;
}
.InfoCard__header__primaryText,
.InfoCard__header__secondaryText {
	padding: 0;
}
.InfoCard__header__primaryText,
.InfoCard__content,
.InfoCard__content__footer,
.InfoCard__header__secondaryText {
	color: rgba(0,0,0,1);
}
.InfoCard__header {
	margin: 2rem 2rem 1.4rem;
}
.InfoCard__cta {
    margin: 2.8rem 2rem;
}
.InfoCard__header__primaryText {
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: 0.015em;
}
.InfoCard__header__secondaryText {
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: 400;    
}
.InfoCard__disclaimer {
    font-style: italic;
    color: #000;
    font-size: 1.4rem;
    padding: 2.3rem 0 0;
    display: inline-block;
}
.ButtonT3 {
    position: relative;
    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.4rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: 0.06em;
}
/*.ButtonT3.ButtonT3--inverted {
    color: #3668ff;
    border: .1rem solid #3668ff;
    background: #fff;
}*/
.ButtonT3--full {
	width: 100%;
	margin: 0;
}
.ButtonT3--gradientBlueLight, .ButtonT3.ButtonT3--inverted {
    color: #fff;
    background-color: #000;
}
/*.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: 700;
}
.InfoCard__cta .ButtonT3 {
    text-transform: uppercase;
}
.ButtonT3.ButtonT3--large {
    /*height: 4.2rem;*/
    padding: 1.85rem 2rem;
    border-radius: 2px;
}
.InfoCard__content {
	margin: 3.6rem 3rem 1.9rem;
}
.UpgradeCard__list:after {
    content: "";
    border-bottom: 1px solid #d03194;
    width: 100%;
    display: inline-block;
    margin-bottom: -0.1rem;
}
.UpgradeCard__listItem {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
    text-align: left;
	margin: .5rem 0;
	list-style: none;
    color: #4b989c;
    padding: 0 0 0 0.5rem;
    white-space: nowrap;
}
.UpgradeCard__listItem:before {
    content: "";
    display: inline-block;
    height: 1.9rem;
    width: 2.1rem;
    margin-right: 0.9rem;
    vertical-align: baseline;
    margin-bottom: -0.4rem;
}
.UpgradeCard__listItem--active {
    color: #000;
}
.UpgradeCard__listItem--active:before {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='3' d='M15.39,1.3l-9.7,11.37l-4.3-4.16'/%3E%3C/svg%3E");
    background-size: auto 100%;

}
.InfoCard--mobile .InfoCard__content {
    overflow: visible;
    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__footer {
	margin: 1.7rem 0.5rem 0;
}
.InfoCard__content__footer__bar {
	height: .1rem;
}
.PipedLinks__links {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.PipedLinks__title {
    font-family: AvenirNext-DemiBold, Avenir, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.1rem;
    line-height: 2.7rem;
    color: rgba(48,140,153,1);
    padding: 0;
    text-align: center;
    margin-bottom: 1.1rem;
}
.PipedLinks__link__text {
    font-size: 1.6rem;
    line-height: inherit;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .12rem;
    font-weight: bold;
    font-family: AvenirNext-Heavy, Avenir, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.PipedLinks__link {
  display: flex;
  align-items: center;
}
.PipedLinks__link .ButtonT3 {
    margin: 0;
    display: inline-block;
    text-align: center;
    color: #000;
    height: 2.5rem;
    line-height: normal;
}
.PipedLinks__pipe {
    height: 100%;
    border-right: .1rem solid rgba(208, 49, 148, 1);
}

/*.InfoCard__content__footer--withBar {
  @extend %font-s;

  .InfoCard__content__footer__bar {
    background: $color-gradientBlueLight;
    margin-bottom: 1rem;
  }
}*/
.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;
}
.UpgradeSplashDevice__subheader {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 500;
}
.UpgradeSplashDevice--pandoraPremium .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumFamily .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumMilitary .UpgradeSplashDevice__image, .UpgradeSplashDevice--pandoraPremiumStudent .UpgradeSplashDevice__image {
    background-image: url(img/device_premium.jpg);
}
.UpgradeSplashDevice__image {
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-height: 48rem;
    min-height: 46rem;
	background-position: left top;
}
.UpgradeSplashDevice__cta {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.UpgradeLayout__link {
    text-decoration: underline;
}
.UpgradeLayout__disclaimer {
    margin: 0 auto;
    padding: 2.5rem 0 2.3rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #fff;
    background-color: #d03194;
    width: 100%;
}
.Footer {
	color: hsla(0,0%,100%,.6);
	text-align: center;
	position: relative;
	margin-top: 5rem;
}
.Footer--blackBackground {
    margin-top: 0;
    bottom: 0;
    width: 100%;
}
.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: 2.7rem 0;
	margin: 0 auto;
	background-color: #000;
}
.Footer__nav,
.Footer__copyright {
	width: calc(66.66667vw - 8.8rem);
	margin: 1rem auto;
}
.Footer__navLink {
    line-height: 3.6rem;
    display: inline-block;
    font-weight: 500;
    font-size: 1.4rem;
}
.Footer__navLink:visited {
	color: #fff;
}
.Footer__navLink:hover {
	text-decoration: underline;
}
.Footer__navLink:not(:first-child) {
	margin-left: 1.3rem;
}
.Footer__copyright {
  font-size: 1.2rem;
}


@media screen and (min-width: 1920px) {
    .UpgradeLayout__card:first-child {
        width: 594px;
    }
	.UpgradeLayout__card, .UpgradeLayout__children {
	    width: calc(30.25vw - 9.75rem);
	}
	.UpgradeLayout__children {
	    /*margin-left: 4rem;*/
	}
	/*.UpgradeLayout__disclaimer { width: 96rem; }*/
}

@media screen and (max-width: 1919px) and (min-width: 1680px) {
	.UpgradeLayout__card, .UpgradeLayout__children {
	    width: calc(41.66667vw - 11.66667rem);
	}
	/*.UpgradeLayout__children {
	    margin-left: 4rem;
	}*/
	.UpgradeLayout__disclaimer {
	    width: calc(91.66667vw - 20.86667rem);
	}
	.Footer__copyright, .Footer__nav {
	    width: calc(66.66667vw - 16.26667rem);
	}
}

@media screen and (max-width: 1679px) and (min-width: 1152px) {
	/*.UpgradeLayout__header, .UpgradeLayout__subheader {
	    width: calc(58.33333vw - 8.2rem);
	}*/
	.UpgradeLayout__card, .UpgradeLayout__children {
	    width: calc(41.66667vw - 7rem);
	}
	/*.UpgradeLayout__disclaimer span {
	    width: calc(91.66667vw - 10.6rem);
	}*/
    /*	.UpgradeLayout__children {
    	    margin-left: 4rem;
    	}*/
}

@media screen and (max-width: 1151px) and (min-width: 768px) {
	.UpgradeLayout__header {
	    width: calc(87.5vw - 3.3rem);
	}
	.UpgradeLayout__card, .UpgradeLayout__children {
	    width: calc(50vw - 3.6rem);
	}
    .InfoCard {
        width: 36.5rem;
    }
    .InfoCard__content {
        margin: 3.6rem 2rem 1.9rem;
    }
	.Footer__copyright, .Footer__nav {
	    width: calc(75vw - 9.4rem);
	}
}

@media screen and (max-width: 767px) {
    #container {
        background-image: url(img/bg_mbl.png);
    }
	.AnonHeader__logo {
	    left: 2.3rem;
        top: 1.5rem;
	}
    .AnonHeader__logo__icon {
        width: 9.4rem;
        height: 2rem;
    }
    .UpgradeLayout__container {
        padding-top: 1rem;
    }
	.UpgradeLayout__header {
	    width: calc(100vw - 6rem);
        /*font-size: 1.6rem;*/
        font-size: 5vw;
        line-height: 1.25;
        /*line-height: 2rem;*/
        padding: 1.06em 0 0.8rem;
	}
    .UpgradeLayout__subheader {
/*        font-size: 1.1rem;
        line-height: 1.7rem;*/
        font-size: 3.44vw;
        line-height: 1.55;
        padding: 0.1rem 0 1.5rem;
    }
    .UpgradeLayout__subheader span {
        width: calc(100vw - 11rem);
    }
    .UpgradeLayout__content {
        margin-top: 1rem;
    }
    .UpgradeLayout__card {
        width: 65.625vw;
        display: inline-block;
        margin: 0 auto;
    }
	.UpgradeLayout__children {
	    -webkit-order: 2;
	    order: 2;
	    width: 65.625vw;
        margin: 0 auto;
	}
    .InfoCard {
        width: 65.625vw;
        padding: 1.2rem 2.8rem 2.4rem;
    }
    .InfoCard__header {
        margin: 0.6rem 0 0.8rem;
    }
    .InfoCard__header__primaryText, .InfoCard__header__secondaryText {
        font-size: 5vw;
        line-height: 1.375;
    }
    .InfoCard__cta {
        margin: 2.5vw 2rem 5vw;
    }
    .ButtonT3.ButtonT3--large, .ButtonT3.ButtonT3--large.ButtonT3--inverted {
        font-size: 3.125vw;
        line-height: 1.1; 
        padding: 0.95rem 2.813vw; 
        text-transform: uppercase;
    }
    .ButtonT3.ButtonT3--large.ButtonT3--inverted {
        line-height: 1.4;
        height: auto;
    }
    .InfoCard__content {
        margin: 0;
    }
    .UpgradeCard__listItem--active:before, .UpgradeCard__listItem:before {
        height: 3.125vw;
        width: 3.125vw;
        margin-bottom: -0.2rem;
        margin-right: 0.8rem;
    }
    .UpgradeCard__listItem {
        font-size: 3.125vw;
        line-height: 1.7;
        margin: 0 auto;
        padding: 0 0.4rem;
    }
    .UpgradeCard__list:after {
        margin-bottom: 0.4rem;
    }
    .InfoCard__content__footer {
        margin: 1.7rem 0 0;
    }
    .PipedLinks__title {
        font-size: 3.75vw;
        line-height: 1.42;
    }
    .PipedLinks__link__text {
        font-size: 2.8125vw;
        line-height: 1.89;
    }
    .PipedLinks__link .ButtonT3 {
        padding: 0 2vw;
        height: 100%;
    }
	.UpgradeSplashDevice {
	    /*background: linear-gradient(45deg,#3763cf,#7726e9 80%,#9b00dc);*/
        background-color: #d03194;
	    /*margin-top: 4rem;*/
	    padding: 0.5rem 0;
	}
	/*.UpgradeSplashDevice--anon {
	    padding-bottom: 20rem;
	}*/
    .UpgradeSplashDevice__header {
        /*font-size: 1.5rem;
        line-height: 2rem;*/
        font-size: 4.6875vw;
        line-height: 1.33;
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
        padding: 0.8rem 0 0;
    }
	.UpgradeSplashDevice__cta, .UpgradeSplashDevice__header, .UpgradeSplashDevice__subheader {
	    /*width: calc(100vw - 5.6rem);*/
        width: auto;
	    height: auto;
	    position: relative;
	    left: 0;
	}
	.UpgradeSplashDevice__image {
	    background-position: 50% -1.1rem;
        max-height: 36.1rem;
        height: 25.1rem;
        min-height: 25.1rem;
        background-size: 100% auto;
        max-width: 20rem;
	}
	.UpgradeLayout__disclaimer {
	    -webkit-order: 3;
	    order: 3;
    	/*width: calc(100vw - 5.6rem);*/
        font-size: 2.8125vw;
        line-height: 1.56;
        padding: 1.2rem 3.2rem 1.1rem;
	}
	.Footer__signUp--overlap {
	    margin-top: -15rem;
	}
	.Footer__nav {
	    width: calc(100vw - 9.4rem);
        margin: 0.8rem auto 1rem;
	}
    .Footer__navLink {
        font-size: 1.2rem;
        line-height: 3rem;
    }
    .Footer__copyright {
        width: calc(100vw - 9.4rem);
        font-size: 1rem;
        line-height: 1.5rem;   
    }
}