/* WEB FONT 2015.11.10 */

html[lang=en-419] body { font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; font-size:16px; }
.localnav {padding-top:12px;}
.localnav-wrapper .localnav .localnav-title-logo {margin-top:3px;}
.puncuation {letter-spacing:-0.3em;}
/* 
#ac-localnav .ac-ln-menu-item {float:left;list-style:none;margin-left:16px;}
#ac-localnav .ac-ln-action {margin-left:16px;}
 */

.more::after {top:-1.5px;}
/* a.more.Myriad::after {top:0;} */

.more:after, .more .icon-htc {top:-1.5px;}

.centeralign {padding-left:0.7em;}
@media only screen and (max-width:768px) and (max-device-width:735px) {.centeralign {padding-left:0;}}

#violator {background:transparent;border:1px solid #d6d6d6;border-radius:4px;color:#999;font-size:12px;line-height:23px;text-align:center;white-space:nowrap;padding:0 11px;display:inline-block;}
html.oldie #violator {display:inline;zoom:1;vertical-align:middle;}
@-moz-document url-prefix() {#violator {line-height:31px;padding-top:1px;}}
@-moz-document url-prefix() {#violator-compact {line-height:21px;padding-top:1px;}}
#violator-compact {font-size:11px;padding:0 11px;}

.theme-dark .localnav-link {color:#ccc;}

html[lang=en-419] .eyebrow.myriad,
html[lang=en-419] .page-membership .details .container .currency,
html[lang=en-419] .page-membership .details .container .price,
html[lang=en-419] .page-membership .section-platforms .caption-headline,
html[lang=en-419] .page-overview .section-devices .section-content .caption-headline,
html[lang=en-419] .page-overview h3.myriad,
html[lang=en-419] .myriad {font-family:"Myriad Set Pro", 'PingFang SC', "Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";letter-spacing:0px;}

html[lang=en-419] p {font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;font-size:16px;line-height:1.8;}

html[lang=en-419] .page-membership .details .container .month, /* membership */
html[lang=en-419] .page-connect h4.caption-headline,  /* connect */
html[lang=en-419] .page-discover h4.caption-headline,  /* discover */
html[lang=en-419] .page-overview h4.caption-headline,  /* overview */
html[lang=en-419] .page-overview h1.hero-copy, /* overview */
html[lang=en-419] .page-android-download .intro,  /* android */
html[lang=en-419] .page-android-thankyou .intro, /* android */
html[lang=en-419] .page-guidedtours h1, /* guidedtours */
html[lang=en-419] .page-guidedtours h3.caption-headline,  /* guidedtours */
html[lang=en-419] .eyebrow,
html[lang=en-419] h1, 
html[lang=en-419] h2, 
html[lang=en-419] h3, 
html[lang=en-419] p.intro-copy {font-family: 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;}

html.oldie[lang=en-419] .page-android-download .intro, 
html.oldie[lang=en-419] .page-android-thankyou .intro ,
html.oldie[lang=en-419] .page-android-download h2,
html.oldie[lang=en-419] .page-android-thankyou h2 { font-family: "PingHei 200", "PingHei", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif}

/* music*/
html[lang=en-419] .page-overview h1 {font-size:67px;line-height:1.1;letter-spacing:1px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview h1 {font-size:59px;line-height:1.1;letter-spacing:1px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview h1 {font-size:39px;line-height:1.1;letter-spacing:1px;}}

html[lang=en-419] .page-overview .section-hero .intro-copy {font-size:25px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview .section-hero .intro-copy {font-size:21px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview .section-hero .intro-copy {font-size:18px;}}

html[lang=en-419] .page-overview .section-fullheight .section-content h2 {font-size:59px;line-height:1.1;letter-spacing:1px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview .section-fullheight .section-content h2 {font-size:39px;line-height:1.1;letter-spacing:1px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview .section-fullheight .section-content h2 {font-size:39px;line-height:1.1;letter-spacing:1px;padding-left:0em;}}

html[lang=en-419] .page-overview h2 {font-size:47px;line-height:1.1;letter-spacing:1px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview h2 {font-size:39px;line-height:1.1;letter-spacing:1px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview h2 {font-size:29px;line-height:1.1;letter-spacing:1px;}}

html[lang=en-419] .page-overview h3 {font-size:39px;line-height:1.2;letter-spacing:1px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview h3 {font-size:29px;line-height:1.2;letter-spacing:1px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview h3 {font-size:25px;line-height:1.2;letter-spacing:1px;}}

html[lang=en-419] .page-overview h3.myriad {font-size:42px; letter-spacing:0px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-overview h3.myriad {font-size:32px;letter-spacing:0px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-overview h3.myriad {font-size:28px; letter-spacing:0px;}}

html[lang=en-419] .page-overview h4.caption-headline {font-size:22px;line-height:1.2;letter-spacing:1px;}

html[lang=en-419] .page-overview .section-devices .section-content .caption-headline {font-weight:400;font-size:18px;}
html[lang=en-419] .page-overview .section-devices .large-platform-icon p {font-size:12px;}

/* page-discover*/
html[lang=en-419] .page-discover h1 {font-size:67px;line-height:1.1;letter-spacing:1px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-discover h1 {font-size:59px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-discover h1 {font-size:39px;}}

html[lang=en-419] .page-discover .section-hero .intro-copy {font-size:25px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-discover .section-hero .intro-copy {font-size:21px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-discover .section-hero .intro-copy {font-size:18px;}}

html[lang=en-419] .page-discover h2 {font-size:47px;}
@media only screen and (max-width:1068px) { html[lang=en-419].page-discover h2 {font-size:39px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-discover h2 {font-size:29px;}}

html[lang=en-419] .page-discover h3 {font-size:39px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-discover h3 {font-size:29px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-discover h3 {font-size:25px;}}

html[lang=en-419] .page-discover h4.caption-headline { font-size:22px;}


/* page-connect*/
html[lang=en-419] .page-connect h1 {font-size:67px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-connect h1 {font-size:59px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-connect h1 {font-size:39px;}}

html[lang=en-419] .page-connect .section-hero .intro-copy {font-size:25px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-connect .section-hero .intro-copy {font-size:21px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) {html[lang=en-419] .page-connect .section-hero .intro-copy {font-size:18px;}}

html[lang=en-419] .page-connect h2 {font-size:47px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-connect h2 {font-size:39px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-connect h2 {font-size:29px;}}

html[lang=en-419] .page-connect h3 {font-size:39px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-connect h3 {font-size:29px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-connect h3 {font-size:25px;}}

html[lang=en-419] .page-connect h4.caption-headline {font-size:22px;}

/* page-membership*/

html[lang=en-419] .page-membership h1 {font-size:67px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership h1 {font-size:59px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership h1 {font-size:39px;}}

html[lang=en-419] .page-membership .section-hero .intro-copy {font-size:25px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership .section-hero .intro-copy {font-size:21px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .section-hero .intro-copy {font-size:18px;}}

html[lang=en-419] .page-membership h2 {font-size:47px;}
@media only screen and (max-width:1068px) {html[lang=en-419] .page-membership h2 {font-size:39px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership h2 {font-size:29px;}}

html[lang=en-419] .page-membership h3 {font-size:39px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership h3 {font-size:29px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership h3 {font-size:25px;}}

html[lang=en-419] .page-membership .details .container .price {font-size:75px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership .details .container .price {font-size:63px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .details .container .price {font-size:45px;}}

html[lang=en-419] .page-membership .details .container .month {font-size:37px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership .details .container .month {font-size:30px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .details .container .month {font-size:22px;}}

html[lang=en-419] .page-membership .section-membership .membership-table {font-size:16px;}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .section-membership .membership-table {font-size:14px;}}

html[lang=en-419] .page-membership .section-platforms .large-platform-icon p {font-size:12px;}

html[lang=en-419] .section-next h2 {font-size:67px;line-height:1.0556;font-weight:100;}
@media only screen and (max-width:1068px) { html[lang=en-419] .section-next h2 {font-size:59px;line-height:1.0625;font-weight:100;}}	
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .section-next h2 {font-size:38px;line-height:1.1429;font-weight:100;}}

html[lang=en-419] .section-next h2 .myriad {font-size:72px;line-height:1.0556;font-weight:100;}
@media only screen and (max-width:1068px) {html[lang=en-419] .section-next h2 .myriad {font-size:64px;line-height:1.0625;font-weight:100;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .section-next h2 .myriad {font-size:42px;line-height:1.1429;font-weight:100;}}

html[lang=en-419] .page-membership .details .container .currency {font-size:37px;top:-.7em;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership .details .container .currency {font-size:28px;top:-.85em;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .details .container .currency {font-size:20px;}}

html[lang=en-419] .page-membership .centeralignsup {font-size:17px;top:1.4em;}
@media only screen and (max-width:1068px) { html[lang=en-419] .page-membership .centeralignsup {font-size:12px;top:1.7em;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .page-membership .centeralignsup {font-size:12px;top:1em;}}
	
html[lang=en-419] .eyebrow {font-size:22px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .eyebrow {font-size:22px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .eyebrow {font-size:16px;}}

html[lang=en-419] .eyebrow.myriad {letter-spacing:0px;font-size:24px;}
@media only screen and (max-width:1068px) { html[lang=en-419] .eyebrow.myriad {font-size:24px;}}
@media only screen and (max-width:735px) and (max-device-width:768px) { html[lang=en-419] .eyebrow.myriad {font-size:18px;}}



/* android-download */

html[lang=en-419] .page-android-download h2,
html[lang=en-419] .page-android-thankyou h2{ font-size: 47px;line-height: 1.1; letter-spacing: 1px;}


@media only screen and (max-width: 1068px) {
   html[lang=en-419] .page-android-download h2,
   html[lang=en-419] .page-android-thankyou h2 {
        font-size: 39px;line-height: 1.1; letter-spacing: 1px;
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
   html[lang=en-419] .page-android-download h2,
   html[lang=en-419] .page-android-thankyou h2 {
        font-size: 29px;line-height: 1.1; letter-spacing: 1px;
    }
}


html[lang=en-419] .page-android-download .intro, 
html[lang=en-419] .page-android-thankyou .intro { font-size: 26px;line-height: 1.6;font-weight: 200;}
 
@media only screen and (max-width: 1068px) {
   html[lang=en-419] .page-android-download .intro, 
   html[lang=en-419] .page-android-thankyou .intro {
        font-size: 22px;line-height: 1.6; font-weight: 200;
    }
}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
    html[lang=en-419] .page-android-download .intro, 
    html[lang=en-419] .page-android-thankyou .intro {
     font-size: 18px;line-height: 1.6;font-weight: 200;
    }
}


/* page-guidedtours */

html[lang=en-419] .page-guidedtours h1 { font-size: 67px;}
@media only screen and (max-width: 1068px) { html[lang=en-419] .page-guidedtours h1 { font-size: 59px;}}
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=en-419] .page-guidedtours h1 {font-size: 39px;}}

html[lang=en-419] .page-guidedtours .section-hero .intro-copy {font-size: 26px; line-height: 1.8;}
@media only screen and (max-width: 1068px) { html[lang=en-419] .page-guidedtours .section-hero .intro-copy {font-size: 22px;line-height: 1.8;}}
@media only screen and (max-width: 735px) and (max-device-width: 768px) { html[lang=en-419] .page-guidedtours .section-hero .intro-copy {font-size: 18px;line-height: 1.8;}}

html[lang=en-419] .page-guidedtours h3.caption-headline { font-size: 22px;line-height: 1.2; letter-spacing: 1px;}
html[lang=en-419] .page-guidedtours .icon:after{top:-1.5px;}

.page-overview .section-devices .platforms p {
    font-size: 12px;
}
.page-membership .section-platforms .platforms p{
    font-size: 12px;
}

/*country-availability*/
html[lang="en-419"] .page-light h2{ font-size: 45px; font-family: 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; line-height: 1.1;}
html[lang="en-419"] .page-light h3{ font-size: 37px; font-family: 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; line-height: 1.2;
    letter-spacing: 1px;}
html[lang="en-419"] .page-light ul li{ font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; font-size:16px; line-height:1.8;}