html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%
}

body {
    margin: 0;
    padding:0
}

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button {
    margin: 0;
    padding:0
}

pre, code, address, caption, th, figcaption {
    font-size: 1em;
    font-weight: normal;
    font-style:normal
}

fieldset, iframe, img {
    border:0
}

caption, th {
    text-align:left
}

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

article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption {
    display:block
}

audio, canvas, video, progress {
    display: inline-block;
    vertical-align:baseline
}

button {
    background: none;
    border: 0;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align:inherit
}

button:disabled {
    cursor:default
}

:focus {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    outline-offset: 1px
}

:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline:none
}

::-moz-focus-inner {
    border: 0;
    padding:0
}

@media print {
    body, #main, #content {
        color:#000
    }

    a, a:link, a:visited {
        color: #000;
        text-decoration:none
    }

    #globalheader, #globalfooter, #directorynav, #tabs, .noprint, .hide {
        display:none
    }
}

html {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 106.25%;
    quotes: "“" "”"
}

[lang]:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

:lang(de) {
    quotes: "„" "“"
}

:lang(fr) {
    quotes: "« " " »"
}

:lang(es-ES) {
    quotes: "«" "»"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    quotes: "«" "»"
}

:lang(zh) {
    quotes: "「" "」"
}

:lang(zh-CN) {
    quotes: "“" "”"
}

body {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #fff;
    color: #333;
    font-style:normal
}

body:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh) {
    letter-spacing:0em
}

body:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body, input, textarea, select, button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align:left
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    display: block;
    margin:0
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
    margin-top:.75em
}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top:0
}

p + h1, ul + h1, ol + h1, p + h2, ul + h2, ol + h2, p + h3, ul + h3, ol + h3, p + h4, ul + h4, ol + h4, p + h5, ul + h5, ol + h5, p + h6, ul + h6, ol + h6 {
    margin-top:1.4em
}

p + *, ul + *, ol + * {
    margin-top:.7em
}

ul, ol {
    margin-left:1.17647em
}

ul ul, ul ol, ol ul, ol ol {
    margin-top: 0;
    margin-bottom:0
}

nav ul, nav ol {
    margin: 0;
    list-style:none
}

li li {
    font-size:1em
}

a {
    color:#0070c9
}

a:link, a:visited {
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

a:active {
    text-decoration:none
}

p + a {
    display:inline-block
}

.links-inline, .links-stacked {
    margin-left: 0;
    margin-right: 0;
    list-style:none
}

.links-inline li {
    display: inline;
    margin:0 0.8em
}

.links-inline li:first-child {
    margin-left:0
}

.links-inline li:last-child {
    margin-right:0
}

.links-stacked li + li {
    margin-top:.3em
}

b, strong {
    font-weight:700
}

em, i, cite, dfn {
    font-style:italic
}

sup {
    font-size: .6em;
    opacity: .8;
    vertical-align: top;
    position: relative;
    bottom:-.2em
}

h1 sup, h2 sup, h3 sup {
    font-size:.4em
}

sup a {
    color:#333
}

sup a:hover {
    color: #0070c9;
    text-decoration:none
}

sub {
    line-height:1
}

abbr {
    border:0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style:normal
}

:lang(ko) {
    word-break:keep-all
}

.selfclear:before, .selfclear:after {
    content: ' ';
    display:table
}

.selfclear:after {
    clear:both
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border:0
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space:nowrap
}

.clear {
    clear:both
}

.cursor-grab {
    cursor: move;
    cursor:grab
}

.cursor-grabbing {
    cursor: move;
    cursor:grabbing
}

.row {
    position: relative;
    z-index:1
}

.row:before, .row:after {
    content: ' ';
    display:table
}

.row:after {
    clear:both
}

.column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height:2px
}

.large-offset-0 {
    margin-left:0
}

.large-push-0 {
    left: auto;
    right:auto
}

.large-pull-0 {
    right: auto;
    left:auto
}

.large-1 {
    width:8.33333%
}

.large-offset-1 {
    margin-left:8.33333%
}

.large-push-1 {
    left: 8.33333%;
    right:auto
}

.large-pull-1 {
    right: 8.33333%;
    left:auto
}

.large-2 {
    width:16.66667%
}

.large-offset-2 {
    margin-left:16.66667%
}

.large-push-2 {
    left: 16.66667%;
    right:auto
}

.large-pull-2 {
    right: 16.66667%;
    left:auto
}

.large-3 {
    width:25%
}

.large-offset-3 {
    margin-left:25%
}

.large-push-3 {
    left: 25%;
    right:auto
}

.large-pull-3 {
    right: 25%;
    left:auto
}

.large-4 {
    width:33.33333%
}

.large-offset-4 {
    margin-left:33.33333%
}

.large-push-4 {
    left: 33.33333%;
    right:auto
}

.large-pull-4 {
    right: 33.33333%;
    left:auto
}

.large-5 {
    width:41.66667%
}

.large-offset-5 {
    margin-left:41.66667%
}

.large-push-5 {
    left: 41.66667%;
    right:auto
}

.large-pull-5 {
    right: 41.66667%;
    left:auto
}

.large-6 {
    width:50%
}

.large-offset-6 {
    margin-left:50%
}

.large-push-6 {
    left: 50%;
    right:auto
}

.large-pull-6 {
    right: 50%;
    left:auto
}

.large-7 {
    width:58.33333%
}

.large-offset-7 {
    margin-left:58.33333%
}

.large-push-7 {
    left: 58.33333%;
    right:auto
}

.large-pull-7 {
    right: 58.33333%;
    left:auto
}

.large-8 {
    width:66.66667%
}

.large-offset-8 {
    margin-left:66.66667%
}

.large-push-8 {
    left: 66.66667%;
    right:auto
}

.large-pull-8 {
    right: 66.66667%;
    left:auto
}

.large-9 {
    width:75%
}

.large-offset-9 {
    margin-left:75%
}

.large-push-9 {
    left: 75%;
    right:auto
}

.large-pull-9 {
    right: 75%;
    left:auto
}

.large-10 {
    width:83.33333%
}

.large-offset-10 {
    margin-left:83.33333%
}

.large-push-10 {
    left: 83.33333%;
    right:auto
}

.large-pull-10 {
    right: 83.33333%;
    left:auto
}

.large-11 {
    width:91.66667%
}

.large-offset-11 {
    margin-left:91.66667%
}

.large-push-11 {
    left: 91.66667%;
    right:auto
}

.large-pull-11 {
    right: 91.66667%;
    left:auto
}

.large-12 {
    width:100%
}

.large-offset-12 {
    margin-left:100%
}

.large-push-12 {
    left: 100%;
    right:auto
}

.large-pull-12 {
    right: 100%;
    left:auto
}

.large-centered {
    margin-left: auto;
    margin-right: auto;
    float:none
}

.large-uncentered {
    margin-left: 0;
    margin-right:0
}

.large-last {
    float:right
}

.large-notlast {
    float:left
}

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-left:0
    }

    .xlarge-push-0 {
        left: auto;
        right:auto
    }

    .xlarge-pull-0 {
        right: auto;
        left:auto
    }

    .xlarge-1 {
        width:8.33333%
    }

    .xlarge-offset-1 {
        margin-left:8.33333%
    }

    .xlarge-push-1 {
        left: 8.33333%;
        right:auto
    }

    .xlarge-pull-1 {
        right: 8.33333%;
        left:auto
    }

    .xlarge-2 {
        width:16.66667%
    }

    .xlarge-offset-2 {
        margin-left:16.66667%
    }

    .xlarge-push-2 {
        left: 16.66667%;
        right:auto
    }

    .xlarge-pull-2 {
        right: 16.66667%;
        left:auto
    }

    .xlarge-3 {
        width:25%
    }

    .xlarge-offset-3 {
        margin-left:25%
    }

    .xlarge-push-3 {
        left: 25%;
        right:auto
    }

    .xlarge-pull-3 {
        right: 25%;
        left:auto
    }

    .xlarge-4 {
        width:33.33333%
    }

    .xlarge-offset-4 {
        margin-left:33.33333%
    }

    .xlarge-push-4 {
        left: 33.33333%;
        right:auto
    }

    .xlarge-pull-4 {
        right: 33.33333%;
        left:auto
    }

    .xlarge-5 {
        width:41.66667%
    }

    .xlarge-offset-5 {
        margin-left:41.66667%
    }

    .xlarge-push-5 {
        left: 41.66667%;
        right:auto
    }

    .xlarge-pull-5 {
        right: 41.66667%;
        left:auto
    }

    .xlarge-6 {
        width:50%
    }

    .xlarge-offset-6 {
        margin-left:50%
    }

    .xlarge-push-6 {
        left: 50%;
        right:auto
    }

    .xlarge-pull-6 {
        right: 50%;
        left:auto
    }

    .xlarge-7 {
        width:58.33333%
    }

    .xlarge-offset-7 {
        margin-left:58.33333%
    }

    .xlarge-push-7 {
        left: 58.33333%;
        right:auto
    }

    .xlarge-pull-7 {
        right: 58.33333%;
        left:auto
    }

    .xlarge-8 {
        width:66.66667%
    }

    .xlarge-offset-8 {
        margin-left:66.66667%
    }

    .xlarge-push-8 {
        left: 66.66667%;
        right:auto
    }

    .xlarge-pull-8 {
        right: 66.66667%;
        left:auto
    }

    .xlarge-9 {
        width:75%
    }

    .xlarge-offset-9 {
        margin-left:75%
    }

    .xlarge-push-9 {
        left: 75%;
        right:auto
    }

    .xlarge-pull-9 {
        right: 75%;
        left:auto
    }

    .xlarge-10 {
        width:83.33333%
    }

    .xlarge-offset-10 {
        margin-left:83.33333%
    }

    .xlarge-push-10 {
        left: 83.33333%;
        right:auto
    }

    .xlarge-pull-10 {
        right: 83.33333%;
        left:auto
    }

    .xlarge-11 {
        width:91.66667%
    }

    .xlarge-offset-11 {
        margin-left:91.66667%
    }

    .xlarge-push-11 {
        left: 91.66667%;
        right:auto
    }

    .xlarge-pull-11 {
        right: 91.66667%;
        left:auto
    }

    .xlarge-12 {
        width:100%
    }

    .xlarge-offset-12 {
        margin-left:100%
    }

    .xlarge-push-12 {
        left: 100%;
        right:auto
    }

    .xlarge-pull-12 {
        right: 100%;
        left:auto
    }

    .xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float:none
    }

    .xlarge-uncentered {
        margin-left: 0;
        margin-right:0
    }

    .xlarge-last {
        float:right
    }

    .xlarge-notlast {
        float:left
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left:0
    }

    .medium-push-0 {
        left: auto;
        right:auto
    }

    .medium-pull-0 {
        right: auto;
        left:auto
    }

    .medium-1 {
        width:8.33333%
    }

    .medium-offset-1 {
        margin-left:8.33333%
    }

    .medium-push-1 {
        left: 8.33333%;
        right:auto
    }

    .medium-pull-1 {
        right: 8.33333%;
        left:auto
    }

    .medium-2 {
        width:16.66667%
    }

    .medium-offset-2 {
        margin-left:16.66667%
    }

    .medium-push-2 {
        left: 16.66667%;
        right:auto
    }

    .medium-pull-2 {
        right: 16.66667%;
        left:auto
    }

    .medium-3 {
        width:25%
    }

    .medium-offset-3 {
        margin-left:25%
    }

    .medium-push-3 {
        left: 25%;
        right:auto
    }

    .medium-pull-3 {
        right: 25%;
        left:auto
    }

    .medium-4 {
        width:33.33333%
    }

    .medium-offset-4 {
        margin-left:33.33333%
    }

    .medium-push-4 {
        left: 33.33333%;
        right:auto
    }

    .medium-pull-4 {
        right: 33.33333%;
        left:auto
    }

    .medium-5 {
        width:41.66667%
    }

    .medium-offset-5 {
        margin-left:41.66667%
    }

    .medium-push-5 {
        left: 41.66667%;
        right:auto
    }

    .medium-pull-5 {
        right: 41.66667%;
        left:auto
    }

    .medium-6 {
        width:50%
    }

    .medium-offset-6 {
        margin-left:50%
    }

    .medium-push-6 {
        left: 50%;
        right:auto
    }

    .medium-pull-6 {
        right: 50%;
        left:auto
    }

    .medium-7 {
        width:58.33333%
    }

    .medium-offset-7 {
        margin-left:58.33333%
    }

    .medium-push-7 {
        left: 58.33333%;
        right:auto
    }

    .medium-pull-7 {
        right: 58.33333%;
        left:auto
    }

    .medium-8 {
        width:66.66667%
    }

    .medium-offset-8 {
        margin-left:66.66667%
    }

    .medium-push-8 {
        left: 66.66667%;
        right:auto
    }

    .medium-pull-8 {
        right: 66.66667%;
        left:auto
    }

    .medium-9 {
        width:75%
    }

    .medium-offset-9 {
        margin-left:75%
    }

    .medium-push-9 {
        left: 75%;
        right:auto
    }

    .medium-pull-9 {
        right: 75%;
        left:auto
    }

    .medium-10 {
        width:83.33333%
    }

    .medium-offset-10 {
        margin-left:83.33333%
    }

    .medium-push-10 {
        left: 83.33333%;
        right:auto
    }

    .medium-pull-10 {
        right: 83.33333%;
        left:auto
    }

    .medium-11 {
        width:91.66667%
    }

    .medium-offset-11 {
        margin-left:91.66667%
    }

    .medium-push-11 {
        left: 91.66667%;
        right:auto
    }

    .medium-pull-11 {
        right: 91.66667%;
        left:auto
    }

    .medium-12 {
        width:100%
    }

    .medium-offset-12 {
        margin-left:100%
    }

    .medium-push-12 {
        left: 100%;
        right:auto
    }

    .medium-pull-12 {
        right: 100%;
        left:auto
    }

    .medium-centered {
        margin-left: auto;
        margin-right: auto;
        float:none
    }

    .medium-uncentered {
        margin-left: 0;
        margin-right:0
    }

    .medium-last {
        float:right
    }

    .medium-notlast {
        float:left
    }
}

@media only screen and (max-width: 735px) {
    .small-offset-0 {
        margin-left:0
    }

    .small-push-0 {
        left: auto;
        right:auto
    }

    .small-pull-0 {
        right: auto;
        left:auto
    }

    .small-1 {
        width:8.33333%
    }

    .small-offset-1 {
        margin-left:8.33333%
    }

    .small-push-1 {
        left: 8.33333%;
        right:auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left:auto
    }

    .small-2 {
        width:16.66667%
    }

    .small-offset-2 {
        margin-left:16.66667%
    }

    .small-push-2 {
        left: 16.66667%;
        right:auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left:auto
    }

    .small-3 {
        width:25%
    }

    .small-offset-3 {
        margin-left:25%
    }

    .small-push-3 {
        left: 25%;
        right:auto
    }

    .small-pull-3 {
        right: 25%;
        left:auto
    }

    .small-4 {
        width:33.33333%
    }

    .small-offset-4 {
        margin-left:33.33333%
    }

    .small-push-4 {
        left: 33.33333%;
        right:auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left:auto
    }

    .small-5 {
        width:41.66667%
    }

    .small-offset-5 {
        margin-left:41.66667%
    }

    .small-push-5 {
        left: 41.66667%;
        right:auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left:auto
    }

    .small-6 {
        width:50%
    }

    .small-offset-6 {
        margin-left:50%
    }

    .small-push-6 {
        left: 50%;
        right:auto
    }

    .small-pull-6 {
        right: 50%;
        left:auto
    }

    .small-7 {
        width:58.33333%
    }

    .small-offset-7 {
        margin-left:58.33333%
    }

    .small-push-7 {
        left: 58.33333%;
        right:auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left:auto
    }

    .small-8 {
        width:66.66667%
    }

    .small-offset-8 {
        margin-left:66.66667%
    }

    .small-push-8 {
        left: 66.66667%;
        right:auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left:auto
    }

    .small-9 {
        width:75%
    }

    .small-offset-9 {
        margin-left:75%
    }

    .small-push-9 {
        left: 75%;
        right:auto
    }

    .small-pull-9 {
        right: 75%;
        left:auto
    }

    .small-10 {
        width:83.33333%
    }

    .small-offset-10 {
        margin-left:83.33333%
    }

    .small-push-10 {
        left: 83.33333%;
        right:auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left:auto
    }

    .small-11 {
        width:91.66667%
    }

    .small-offset-11 {
        margin-left:91.66667%
    }

    .small-push-11 {
        left: 91.66667%;
        right:auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left:auto
    }

    .small-12 {
        width:100%
    }

    .small-offset-12 {
        margin-left:100%
    }

    .small-push-12 {
        left: 100%;
        right:auto
    }

    .small-pull-12 {
        right: 100%;
        left:auto
    }

    .small-centered {
        margin-left: auto;
        margin-right: auto;
        float:none
    }

    .small-uncentered {
        margin-left: 0;
        margin-right:0
    }

    .small-last {
        float:right
    }

    .small-notlast {
        float:left
    }
}

.icon:before, .icon:after, .more:before, .more:after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: ''
}

.icon:before, .icon:after, .more:before, .more:after {
    text-decoration:none
}

.icon:before, .more:before {
    display:none
}

.icon-after:after, .more:after {
    padding-left: .3em;
    top:0
}

.icon-before:before {
    padding-right: .3em;
    display: inline-block;
    top:0
}

.icon-before:after {
    display:none
}

.icon-apple:before, .icon-apple:after {
    content: ""
}

.icon-chevrondown:before, .icon-chevrondown:after {
    content: ""
}

.icon-chevrondowncircle:before, .icon-chevrondowncircle:after {
    content: ""
}

.icon-chevronleft:before, .icon-chevronleft:after {
    content: ""
}

.icon-chevronleftcircle:before, .icon-chevronleftcircle:after {
    content: ""
}

.icon-chevronright:before, .icon-chevronright:after {
    content: ""
}

.icon-chevronrightcircle:before, .icon-chevronrightcircle:after {
    content: ""
}

.icon-chevronup:before, .icon-chevronup:after {
    content: ""
}

.icon-chevronupcircle:before, .icon-chevronupcircle:after {
    content: ""
}

.icon-downloadcircle:before, .icon-downloadcircle:after {
    content: ""
}

.icon-external:before, .icon-external:after {
    content: ""
}

.icon-share:before, .icon-share:after {
    content: ""
}

.icon-pausecircle:before, .icon-pausecircle:after {
    content: ""
}

.icon-playcircle:before, .icon-playcircle:after {
    content: ""
}

.icon-replay:before, .icon-replay:after {
    content: ""
}

.icon-stopcircle:before, .icon-stopcircle:after {
    content: ""
}

.icon-circle:before, .icon-circle:after {
    content: ""
}

.icon-check:before, .icon-check:after {
    content: ""
}

.icon-checkcircle:before, .icon-checkcircle:after {
    content: ""
}

.icon-checksolid:before, .icon-checksolid:after {
    content: ""
}

.icon-reset:before, .icon-reset:after {
    content: ""
}

.icon-resetcircle:before, .icon-resetcircle:after {
    content: ""
}

.icon-resetsolid:before, .icon-resetsolid:after {
    content: ""
}

.icon-exclamation:before, .icon-exclamation:after {
    content: ""
}

.icon-exclamationcircle:before, .icon-exclamationcircle:after {
    content: ""
}

.icon-exclamationsolid:before, .icon-exclamationsolid:after {
    content: ""
}

.icon-infocircle:before, .icon-infocircle:after {
    content: ""
}

.icon-question:before, .icon-question:after {
    content: ""
}

.icon-questioncircle:before, .icon-questioncircle:after {
    content: ""
}

.icon-questionsolid:before, .icon-questionsolid:after {
    content: ""
}

.icon-plus:before, .icon-plus:after {
    content: ""
}

.icon-pluscircle:before, .icon-pluscircle:after {
    content: ""
}

.icon-plussolid:before, .icon-plussolid:after {
    content: ""
}

.icon-minus:before, .icon-minus:after {
    content: ""
}

.icon-minuscircle:before, .icon-minuscircle:after {
    content: ""
}

.icon-minussolid:before, .icon-minussolid:after {
    content: ""
}

.icon-1circle:before, .icon-1circle:after {
    content: ""
}

.icon-2circle:before, .icon-2circle:after {
    content: ""
}

.icon-3circle:before, .icon-3circle:after {
    content: ""
}

.icon-4circle:before, .icon-4circle:after {
    content: ""
}

.icon-5circle:before, .icon-5circle:after {
    content: ""
}

.icon-6circle:before, .icon-6circle:after {
    content: ""
}

.icon-7circle:before, .icon-7circle:after {
    content: ""
}

.icon-8circle:before, .icon-8circle:after {
    content: ""
}

.icon-9circle:before, .icon-9circle:after {
    content: ""
}

.icon-10circle:before, .icon-10circle:after {
    content: ""
}

.icon-11circle:before, .icon-11circle:after {
    content: ""
}

.icon-12circle:before, .icon-12circle:after {
    content: ""
}

.icon-13circle:before, .icon-13circle:after {
    content: ""
}

.icon-14circle:before, .icon-14circle:after {
    content: ""
}

.icon-15circle:before, .icon-15circle:after {
    content: ""
}

.icon-16circle:before, .icon-16circle:after {
    content: ""
}

.icon-17circle:before, .icon-17circle:after {
    content: ""
}

.icon-18circle:before, .icon-18circle:after {
    content: ""
}

.icon-19circle:before, .icon-19circle:after {
    content: ""
}

.icon-20circle:before, .icon-20circle:after {
    content: ""
}

.icon-close:before, .icon-close:after {
    content: ""
}

.icon-closecompact:before, .icon-closecompact:after {
    content: ""
}

.icon-paddleleft:before, .icon-paddleleft:after {
    content: ""
}

.icon-paddleleftcompact:before, .icon-paddleleftcompact:after {
    content: ""
}

.icon-paddleright:before, .icon-paddleright:after {
    content: ""
}

.icon-paddlerightcompact:before, .icon-paddlerightcompact:after {
    content: ""
}

.icon-paddleup:before, .icon-paddleup:after {
    content: ""
}

.icon-paddleupcompact:before, .icon-paddleupcompact:after {
    content: ""
}

.icon-paddledown:before, .icon-paddledown:after {
    content: ""
}

.icon-paddledowncompact:before, .icon-paddledowncompact:after {
    content: ""
}

.icon-thumbnailreplay:before, .icon-thumbnailreplay:after {
    content: ""
}

.icon-thumbnailpause:before, .icon-thumbnailpause:after {
    content: ""
}

.icon-thumbnailplay:before, .icon-thumbnailplay:after {
    content: ""
}

.more:before, .more:after {
    content: ""
}

.more-block {
    margin-top:.5em
}

body {
    min-width:320px
}

.large-hide {
    display:none
}

.large-show {
    display:block
}

.large-show-inline {
    display:inline
}

.large-show-inlineblock {
    display:inline-block
}

@media only screen and (min-width: 1442px) {
    .xlarge-hide {
        display:none
    }

    .xlarge-show {
        display:block
    }

    .xlarge-show-inline {
        display:inline
    }

    .xlarge-show-inlineblock {
        display:inline-block
    }
}

@media only screen and (max-width: 1068px) {
    .medium-hide {
        display:none
    }

    .medium-show {
        display:block
    }

    .medium-show-inline {
        display:inline
    }

    .medium-show-inlineblock {
        display:inline-block
    }
}

@media only screen and (max-width: 735px) {
    .small-hide {
        display:none
    }

    .small-show {
        display:block
    }

    .small-show-inline {
        display:inline
    }

    .small-show-inlineblock {
        display:inline-block
    }
}

.typography-product-elevated {
    font-size: 56px;
    line-height: 1.10746;
    font-weight: 500;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(ar) {
    line-height: 1.33929;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(th) {
    line-height: 1.33929;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(zh) {
    line-height:1.19643
}

.typography-product-elevated:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-product-elevated {
        font-size: 48px;
        line-height: 1.125;
        font-weight: 500;
        letter-spacing: .006em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-product-elevated {
        font-size: 38px;
        line-height: 1.15825;
        font-weight: 500;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(ar) {
        line-height: 1.34211;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(th) {
        line-height: 1.34211;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh) {
        line-height:1.28975
    }

    .typography-product-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-product {
    font-size: 48px;
    line-height: 1.04167;
    font-weight: 500;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(ar) {
    line-height: 1.3125;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(ja) {
    line-height: 1.10417;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(th) {
    line-height: 1.3125;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(zh) {
    line-height:1.14615
}

.typography-product:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-product {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(ar) {
        line-height: 1.325;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(ja) {
        line-height: 1.125;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(th) {
        line-height: 1.325;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh) {
        line-height:1.175
    }

    .typography-product:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-product {
        font-size: 31px;
        line-height: 1.09703;
        font-weight: 500;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(ar) {
        line-height: 1.3871;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(th) {
        line-height: 1.3871;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh) {
        line-height:1.25834
    }

    .typography-product:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-product-reduced {
    font-size: 32px;
    line-height: 1.5625;
    font-weight: 500;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-product-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-product-reduced {
        font-size: 28px;
        line-height: 1.64286;
        font-weight: 500;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-product-reduced {
        font-size: 22px;
        line-height: 1.63652;
        font-weight: 500;
        letter-spacing: .016em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-product-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tagline-elevated {
    font-size: 48px;
    line-height: 1.04167;
    font-weight: 500;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(ar) {
    line-height: 1.3125;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(ja) {
    line-height: 1.10417;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(th) {
    line-height: 1.3125;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(zh) {
    line-height:1.14615
}

.typography-tagline-elevated:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-tagline-elevated {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(ar) {
        line-height: 1.325;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(ja) {
        line-height: 1.125;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(th) {
        line-height: 1.325;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh) {
        line-height:1.175
    }

    .typography-tagline-elevated:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-tagline-elevated {
        font-size: 31px;
        line-height: 1.09703;
        font-weight: 500;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(ar) {
        line-height: 1.3871;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(th) {
        line-height: 1.3871;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh) {
        line-height:1.25834
    }

    .typography-tagline-elevated:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tagline {
    font-size: 48px;
    line-height: 1.04167;
    font-weight: 300;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(ar) {
    line-height: 1.3125;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(ja) {
    line-height: 1.10417;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(th) {
    line-height: 1.3125;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(zh) {
    line-height:1.14615
}

.typography-tagline:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-tagline {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 300;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(ar) {
        line-height: 1.325;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(ja) {
        line-height: 1.125;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(th) {
        line-height: 1.325;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh) {
        line-height:1.175
    }

    .typography-tagline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-tagline {
        font-size: 31px;
        line-height: 1.09703;
        font-weight: 300;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(ar) {
        line-height: 1.3871;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(th) {
        line-height: 1.3871;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh) {
        line-height:1.25834
    }

    .typography-tagline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-tagline-reduced {
    font-size: 40px;
    line-height: 1.15;
    font-weight: 300;
    letter-spacing: .008em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-tagline-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-tagline-reduced {
        font-size: 36px;
        line-height: 1.16667;
        font-weight: 300;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-tagline-reduced {
        font-size: 26px;
        line-height: 1.23077;
        font-weight: 300;
        letter-spacing: .014em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ar) {
        line-height: 1.38462;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(th) {
        line-height: 1.38462;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-tagline-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-headline {
    font-size: 48px;
    line-height: 1.04167;
    font-weight: 500;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(ar) {
    line-height: 1.3125;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(ja) {
    line-height: 1.10417;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(th) {
    line-height: 1.3125;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(zh) {
    line-height:1.14615
}

.typography-hero-headline:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-hero-headline {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(ar) {
        line-height: 1.325;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(ja) {
        line-height: 1.125;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(th) {
        line-height: 1.325;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh) {
        line-height:1.175
    }

    .typography-hero-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-hero-headline {
        font-size: 31px;
        line-height: 1.09703;
        font-weight: 500;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(ar) {
        line-height: 1.3871;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(th) {
        line-height: 1.3871;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh) {
        line-height:1.25834
    }

    .typography-hero-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-hero-subhead {
    font-size: 48px;
    line-height: 1.04167;
    font-weight: 300;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(ar) {
    line-height: 1.3125;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(ja) {
    line-height: 1.10417;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(th) {
    line-height: 1.3125;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(zh) {
    line-height:1.14615
}

.typography-hero-subhead:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-hero-subhead:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-hero-subhead {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 300;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(ar) {
        line-height: 1.325;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(ja) {
        line-height: 1.125;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(th) {
        line-height: 1.325;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh) {
        line-height:1.175
    }

    .typography-hero-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-hero-subhead {
        font-size: 31px;
        line-height: 1.09703;
        font-weight: 300;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(ar) {
        line-height: 1.3871;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(th) {
        line-height: 1.3871;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh) {
        line-height:1.25834
    }

    .typography-hero-subhead:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-hero-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-section-headline {
    font-size: 40px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: .008em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(ar) {
    line-height: 1.325;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(ja) {
    line-height: 1.125;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(th) {
    line-height: 1.325;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(zh) {
    line-height:1.175
}

.typography-section-headline:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-section-headline {
        font-size: 34px;
        line-height: 1.08824;
        font-weight: 500;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(ar) {
        line-height: 1.35302;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(th) {
        line-height: 1.35302;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh) {
        line-height:1.23557
    }

    .typography-section-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-section-headline {
        font-size: 28px;
        line-height: 1.1073;
        font-weight: 500;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh) {
        line-height:1.28595
    }

    .typography-section-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-section-subhead {
    font-size: 40px;
    line-height: 1.05;
    font-weight: 300;
    letter-spacing: .008em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(ar) {
    line-height: 1.325;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(ja) {
    line-height: 1.125;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(th) {
    line-height: 1.325;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(zh) {
    line-height:1.175
}

.typography-section-subhead:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-section-subhead:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-section-subhead {
        font-size: 34px;
        line-height: 1.08824;
        font-weight: 300;
        letter-spacing: .01em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(ar) {
        line-height: 1.35302;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(th) {
        line-height: 1.35302;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh) {
        line-height:1.23557
    }

    .typography-section-subhead:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-section-subhead {
        font-size: 28px;
        line-height: 1.1073;
        font-weight: 300;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(ar) {
        line-height: 1.42865;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(th) {
        line-height: 1.42865;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh) {
        line-height:1.28595
    }

    .typography-section-subhead:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-section-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-subsection-headline {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 500;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(ar) {
    line-height: 1.375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(zh) {
    line-height:1.25
}

.typography-subsection-headline:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-subsection-headline {
        font-size: 28px;
        line-height: 1.1073;
        font-weight: 500;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh) {
        line-height:1.28595
    }

    .typography-subsection-headline:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-subsection-headline {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 500;
        letter-spacing: .015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(ar) {
        line-height: 1.41667;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(th) {
        line-height: 1.41667;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-subsection-subhead {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 300;
    letter-spacing: .011em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(ar) {
    line-height: 1.375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(th) {
    line-height: 1.375;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(zh) {
    line-height:1.25
}

.typography-subsection-subhead:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subsection-subhead:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-subsection-subhead {
        font-size: 28px;
        line-height: 1.1073;
        font-weight: 300;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(ar) {
        line-height: 1.42865;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(th) {
        line-height: 1.42865;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh) {
        line-height:1.28595
    }

    .typography-subsection-subhead:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-subsection-subhead {
        font-size: 24px;
        line-height: 1.20849;
        font-weight: 300;
        letter-spacing: .015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(ar) {
        line-height: 1.41667;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(th) {
        line-height: 1.41667;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-subsection-subhead:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-label {
    font-size: 24px;
    line-height: 1.20849;
    font-weight: 500;
    letter-spacing: .015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ar) {
    line-height: 1.41667;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(th) {
    line-height: 1.41667;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-label {
        font-size: 22px;
        line-height: 1.22739;
        font-weight: 500;
        letter-spacing: .016em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ar) {
        line-height: 1.45455;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(th) {
        line-height: 1.45455;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-label {
        font-size: 19px;
        line-height: 1.26316;
        font-weight: 500;
        letter-spacing: .018em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ar) {
        line-height: 1.47384;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(th) {
        line-height: 1.47384;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-label:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro {
    font-size: 22px;
    line-height: 1.45455;
    font-weight: 300;
    letter-spacing: .016em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: .017em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro {
        font-size: 19px;
        line-height: 1.47384;
        font-weight: 300;
        letter-spacing: .018em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(th) {
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-MO) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .typography-intro:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-body {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh) {
    letter-spacing:0em
}

.typography-body:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(zh) {
    letter-spacing:0em
}

.typography-subbody-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(th) {
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(zh) {
    letter-spacing:0em
}

.typography-subbody:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-caption:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi {
    font-size: 11px;
    line-height: 1.45455;
    font-weight: 400;
    letter-spacing: .005em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-MO) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-sosumi:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-subbody-headline + .typography-subbody {
    margin-top:0
}

.typography-caption-headline + .typography-caption {
    margin-top:0
}

#main {
    width: 100%;
    overflow-x:hidden
}

.section, .nextrouter {
    position: relative;
    z-index:1
}

.section:before, .section:after, .nextrouter:before, .nextrouter:after {
    content: ' ';
    display:table
}

.section:after, .nextrouter:after {
    clear:both
}

.section > figure, .nextrouter > figure {
    position: absolute;
    top: 43px;
    left: 0;
    width: 100% !important;
    background-position:center center !important
}

@media only screen and (max-width: 735px) {
    .section > figure, .nextrouter > figure {
        top:0
    }
}

.section-content {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    width:980px
}

.section-content:before, .section-content:after {
    content: ' ';
    display:table
}

.section-content:after {
    clear:both
}

@media only screen and (min-width: 1442px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width:980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width:692px
    }
}

@media only screen and (max-width: 735px) {
    .section-content {
        margin-left: auto;
        margin-right: auto;
        width:87.5%
    }
}

.no-pad {
    padding:0 !important
}

.no-pad-top {
    padding-top:0
}

.no-pad-bottom {
    padding-bottom:0 !important
}

.no-margin-top {
    margin-top:0 !important
}

.no-margin-bottom {
    margin-bottom:0 !important
}

.badge-pull {
    margin-left:-5px
}

.nowrap {
    white-space:nowrap
}

a:hover .nowrap {
    text-decoration:inherit
}

.text-center {
    text-align:center
}

.block-text {
    display:block
}

.apple-teacher .section {
    padding-top:62px
}

.apple-teacher .section-content {
    margin-left: auto;
    margin-right:auto
}

.apple-teacher .alternate {
    background-color:#fafafa
}

.apple-teacher .stacked-link {
    margin-bottom:6px
}

.apple-teacher .keyline {
    display:none
}

@media only screen and (max-width: 735px) {
    .apple-teacher .keyline {
        display: block;
        width: 225px;
        border-bottom: 1px solid #d6d6d6;
        margin-top: 71px;
        margin-bottom:3px
    }
}

.apple-teacher .section-hero {
    min-height:1064px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .section-hero {
        min-height:895px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .section-hero {
        min-height:474px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .section-hero {
        height:auto
    }
}

.apple-teacher .section-hero .section-content {
    padding-top:148px
}

.apple-teacher .section-hero .section-content .hero-copy {
    margin-bottom:12px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .section-hero .section-content {
        padding-top:86px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .section-hero .section-content {
        margin-right: auto;
        margin-left: auto;
        padding-top:480px
    }
}

.apple-teacher .professional-journey-section {
    padding-bottom:150px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .professional-journey-section {
        padding-bottom:85px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .professional-journey-section {
        padding-bottom:75px
    }
}

.apple-teacher .professional-journey-section .journey-headline {
    position: relative;
    z-index:4
}

.apple-teacher .professional-journey-section .journey-content {
    min-height:661px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .professional-journey-section .journey-content {
        min-height:491px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .professional-journey-section .journey-content {
        min-height:271px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .professional-journey-section .journey-content {
        height:100%
    }
}

.apple-teacher .professional-journey-section .journey-intro {
    position: relative;
    z-index:4
}

.apple-teacher .professional-journey-section .at-school {
    margin-top:-30px
}

.apple-teacher .professional-journey-section .at-school .content {
    margin-left:17px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .professional-journey-section .at-school {
        margin-top:0
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .professional-journey-section .at-school {
        top: 16px;
        margin-bottom: 100px;
        margin-top:20px
    }
}

.apple-teacher .becoming-section {
    padding-top:146px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section {
        text-align:center
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section {
        text-align: left;
        padding-top:104px
    }
}

.apple-teacher .becoming-section .becoming-headline {
    text-align: center;
    padding-bottom:116px
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .becoming-headline {
        text-align: left;
        padding-bottom:39px
    }
}

.apple-teacher .becoming-section .num-badge {
    margin-bottom:30px
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .num-badge {
        margin-left:0
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .num-badge {
        margin-bottom:27px
    }
}

.apple-teacher .becoming-section .num-badge-one {
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/badge_1_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-one {
        background-image: url("/v/education/apple-teacher/b/images/badge_1_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .num-badge-one {
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_1_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-one {
        background-image: url("/v/education/apple-teacher/b/images/badge_1_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .num-badge-one {
        width: 41px;
        height: 41px;
        background-size: 41px 41px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_1_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-one {
        background-image: url("/v/education/apple-teacher/b/images/badge_1_small_2x.png")
    }
}

.apple-teacher .becoming-section .num-badge-two {
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/badge_2_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-two {
        background-image: url("/v/education/apple-teacher/b/images/badge_2_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .num-badge-two {
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_2_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-two {
        background-image: url("/v/education/apple-teacher/b/images/badge_2_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .num-badge-two {
        width: 41px;
        height: 41px;
        background-size: 41px 41px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_2_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-two {
        background-image: url("/v/education/apple-teacher/b/images/badge_2_small_2x.png")
    }
}

.apple-teacher .becoming-section .num-badge-three {
    width: 55px;
    height: 55px;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/badge_3_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-three {
        background-image: url("/v/education/apple-teacher/b/images/badge_3_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .num-badge-three {
        width: 48px;
        height: 48px;
        background-size: 48px 48px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_3_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-three {
        background-image: url("/v/education/apple-teacher/b/images/badge_3_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .num-badge-three {
        width: 41px;
        height: 41px;
        background-size: 41px 41px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/badge_3_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .becoming-section .num-badge-three {
        background-image: url("/v/education/apple-teacher/b/images/badge_3_small_2x.png")
    }
}

.apple-teacher .becoming-section .section-content {
    margin-bottom:130px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .section-content {
        margin-bottom:55px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .section-content {
        margin-bottom:65px
    }
}

.apple-teacher .becoming-section .copy-column {
    margin-top:110px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .copy-column {
        margin-top:0px
    }
}

.apple-teacher .opportunities-section {
    padding-top:100px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .opportunities-section {
        text-align:center
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .opportunities-section {
        text-align:left
    }
}

.apple-teacher .opportunities-section .heading-pad-btm {
    padding-bottom:39px
}

.apple-teacher .opportunities-section .copy-content {
    margin-top:20px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .opportunities-section .copy-content {
        margin-top:30px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .opportunities-section .copy-content {
        margin-top:60px
    }

    .apple-teacher .opportunities-section .copy-content.first-less-mar {
        margin-top:20px
    }
}

.apple-teacher .opportunities-section .twitter-content {
    text-align: center;
    margin-top: 100px;
    margin-bottom:100px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .opportunities-section .twitter-content {
        margin-top: 70px;
        margin-bottom:70px
    }
}

.apple-teacher .opportunities-section .row-spacing {
    margin-top:55px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .opportunities-section .row-spacing {
        margin-top:0px
    }
}

.apple-teacher .opportunities-section .large-nowrap {
    white-space:nowrap
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .opportunities-section .large-nowrap {
        white-space:normal
    }
}

.apple-teacher .image-hero {
    width: 2560px;
    height: 1064px;
    background-size: 2560px 1064px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_large.jpg");
    position: absolute;
    z-index:0
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-hero {
        background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-hero {
        width: 1068px;
        height: 895px;
        background-size: 1068px 895px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .image-hero {
        background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-hero {
        width: 736px;
        height: 474px;
        background-size: 736px 474px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_small.jpg")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-hero {
        background-image: url("/v/education/apple-teacher/b/images/hero_apple_teacher_small_2x.jpg")
    }
}

.apple-teacher .image-professional-journey {
    width: 1410px;
    height: 661px;
    background-size: 1410px 661px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/apple_teacher_large.png");
    position: relative;
    left: -150px;
    margin-top:-290px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-professional-journey {
        background-image: url("/v/education/apple-teacher/b/images/apple_teacher_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-professional-journey {
        width: 1048px;
        height: 491px;
        background-size: 1048px 491px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/apple_teacher_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .image-professional-journey {
        background-image: url("/v/education/apple-teacher/b/images/apple_teacher_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-professional-journey {
        width: 580px;
        height: 271px;
        background-size: 580px 271px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/apple_teacher_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-professional-journey {
        background-image: url("/v/education/apple-teacher/b/images/apple_teacher_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-professional-journey {
        left: -135px;
        margin-top:-242px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-professional-journey {
        left: 50%;
        top: 0;
        margin-top: 45px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position:relative
    }
}

.apple-teacher .image-sign-up {
    width: 1229px;
    height: 661px;
    background-size: 1229px 661px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/step_sign_up_large.png");
    pointer-events:none
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-sign-up {
        background-image: url("/v/education/apple-teacher/b/images/step_sign_up_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-sign-up {
        width: 787px;
        height: 423px;
        background-size: 787px 423px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_sign_up_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .image-sign-up {
        background-image: url("/v/education/apple-teacher/b/images/step_sign_up_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-sign-up {
        width: 441px;
        height: 236px;
        background-size: 441px 236px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_sign_up_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-sign-up {
        background-image: url("/v/education/apple-teacher/b/images/step_sign_up_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-sign-up {
        margin-left: auto;
        margin-right: auto;
        margin-top:45px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-sign-up {
        margin-top:45px
    }
}

.apple-teacher .image-build {
    width: 948px;
    height: 764px;
    background-size: 948px 764px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/step_build_skills_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-build {
        background-image: url("/v/education/apple-teacher/b/images/step_build_skills_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-build {
        width: 530px;
        height: 427px;
        background-size: 530px 427px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_build_skills_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .image-build {
        background-image: url("/v/education/apple-teacher/b/images/step_build_skills_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-build {
        width: 296px;
        height: 239px;
        background-size: 296px 239px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_build_skills_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-build {
        background-image: url("/v/education/apple-teacher/b/images/step_build_skills_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-build {
        margin-left: auto;
        margin-right: auto;
        margin-top:45px
    }
}

.apple-teacher .image-earn {
    width: 1070px;
    height: 889px;
    background-size: 1070px 889px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_large.png");
    right: -15px;
    position:relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-earn {
        background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-earn {
        width: 686px;
        height: 570px;
        background-size: 686px 570px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_medium.png")
    }
}

@media only screen and (max-width: 1068px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .apple-teacher .image-earn {
        background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-earn {
        width: 383px;
        height: 319px;
        background-size: 383px 319px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-earn {
        background-image: url("/v/education/apple-teacher/b/images/step_earn_recognition_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-earn {
        margin-top: 45px;
        right: 0;
        margin-left: auto;
        margin-right:auto
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-earn {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 0;
        margin-right:0
    }
}

.apple-teacher .image-logo-edtechteam {
    width: 166px;
    height: 36px;
    background-size: 166px 36px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/logo_ed_tech_team_large.png");
    margin-top:20px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-logo-edtechteam {
        background-image: url("/v/education/apple-teacher/b/images/logo_ed_tech_team_large_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-logo-edtechteam {
        width: 138px;
        height: 30px;
        background-size: 138px 30px;
        background-repeat: no-repeat;
        background-image: url("/v/education/apple-teacher/b/images/logo_ed_tech_team_small.png")
    }
}

@media only screen and (max-width: 735px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 735px) and(min-resolution: 1.5dppx), only screen and(max-width: 735px) and(min-resolution: 144dpi) {
    .apple-teacher .image-logo-edtechteam {
        background-image: url("/v/education/apple-teacher/b/images/logo_ed_tech_team_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .image-logo-edtechteam {
        margin-bottom:40px
    }
}

.apple-teacher .image-icon-guide {
    width: 57px;
    height: 45px;
    background-size: 57px 45px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/icon_guide_large.png");
    position: relative;
    left:16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .image-icon-guide {
        background-image: url("/v/education/apple-teacher/b/images/icon_guide_large_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .image-icon-guide {
        float:right
    }
}

.apple-teacher .icon-twitter {
    width: 26px;
    height: 22px;
    background-size: 26px 22px;
    background-repeat: no-repeat;
    background-image: url("/v/education/apple-teacher/b/images/social_twitter_hover_large.png");
    margin-left: auto;
    margin-right:auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .apple-teacher .icon-twitter {
        background-image: url("/v/education/apple-teacher/b/images/social_twitter_hover_large_2x.png")
    }
}



.typography-product-elevated {
    text-align: center;
    padding: 46px 0 0 0;
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .becoming-headline {
        padding-bottom: 39px
    }
}
.apple-teacher .becoming-section .section-content {
    margin-bottom: 15px
}

@media only screen and (max-width: 1068px) {
    .apple-teacher .becoming-section .section-content {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 735px) {
    .apple-teacher .becoming-section .section-content {
        margin-bottom: 5px
    }
}


.column.large-2.medium-2.small-6{
	 margin-bottom: 30px;
}
h3.bottom{
	padding-bottom: 30px;
}
p.large-12{
	text-align: center;
}
p.resource-copy{
	width:130px;
	margin-top: 15px;
	font-size: 17px;
	content: "";
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}
@media only screen and (max-width: 1068px) {
     p.resource-copy{
     	width: 92px;
		margin-top: 15px;
		font-size: 15px;
	}
}
@media only screen and (max-width: 735px) {
    p.resource-copy{
    	width: 123px;
		margin-top: 15px;
		font-size: 14px;
		margin-left: auto;
		margin-right: auto;
	}
}
div.laster{
	margin-bottom: 50px;
}




/* Puzzles Student guide */
.section-school .puzzles-student_guide-chinese {
    width: 130px;
    height: 170px;
    background-size: 130px 170px;
    background-repeat: no-repeat;
    background-image: url("/education/teaching-code-guides/images/everyone-can-code-puzzles-student-guide-cover.png");
}

@media only screen and (max-width: 1068px) {
    .section-school .puzzles-student_guide-chinese  {
        width: 92px;
        height: 120px;
        background-size: 92px 120px;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 735px) {
    .section-school .puzzles-student_guide-chinese  {
        width: 123px;
        height: 160px;
        background-size: 123px 160px;
        background-repeat: no-repeat;
        margin:auto;
    }
}



/* Puzzles Teacher guide */
.section-school .puzzles-teacher_guide-chinese {
    width: 130px;
    height: 170px;
    background-size: 130px 170px;
    background-repeat: no-repeat;
    background-image: url("/education/teaching-code-guides/images/everyone-can-code-puzzles-teacher-guide-cover.png");
}

@media only screen and (max-width: 1068px) {
    .section-school .puzzles-teacher_guide-chinese  {
        width: 92px;
        height: 120px;
        background-size: 92px 120px;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 735px) {
    .section-school .puzzles-teacher_guide-chinese  {
        width: 123px;
        height: 160px;
        background-size: 123px 160px;
        background-repeat: no-repeat;
        margin:auto;
    }
}



/* Swift Student guide */
.section-school .swift-student_guide-chinese {
    width: 130px;
    height: 170px;
    background-size: 130px 170px;
    background-repeat: no-repeat;
    background-image: url("/education/teaching-code-guides/images/develop-in-swift-explorations-student-guide-cover.png");
}

@media only screen and (max-width: 1068px) {
    .section-school .swift-student_guide-chinese  {
        width: 92px;
        height: 120px;
        background-size: 92px 120px;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 735px) {
    .section-school .swift-student_guide-chinese  {
        width: 123px;
        height: 160px;
        background-size: 123px 160px;
        background-repeat: no-repeat;
        margin:auto;
    }
}



/* Swift Teacher guide */
.section-school .swift-teacher_guide-chinese {
    width: 130px;
    height: 170px;
    background-size: 130px 170px;
    background-repeat: no-repeat;
    background-image: url("/education/teaching-code-guides/images/develop-in-swift-explorations-student-teacher-guide-cover.png");
}

@media only screen and (max-width: 1068px) {
    .section-school .swift-teacher_guide-chinese  {
        width: 92px;
        height: 120px;
        background-size: 92px 120px;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width: 735px) {
    .section-school .swift-teacher_guide-chinese  {
        width: 123px;
        height: 160px;
        background-size: 123px 160px;
        background-repeat: no-repeat;
        margin:auto;
    }
}








/* END */
@media only screen and (min-width: 736px){
    div.column.large-2.medium-2.small-6{
        width: 20%;
        margin-right:0px;
    }
    .centered-items {
        margin: auto;
    }


}