html {
    font-size: 100%;
}

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

caption,
th {
    text-align: right;
}

button {
    font: inherit;
    line-height: inherit;
}


body {
    font-size: 18px;
    line-height: 1.4446;
}

body:lang(ar) {
    line-height: 1.5;
}

body:lang(zh) {
    font-size: 17px;
    line-height: 1.82353;
}

body,
input,
textarea,
select,
button {
    direction: rtl;
    text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0.45em 0;
}


p {
    margin: 0 0 1em 0;
}

li li {
    font-size: 1em;
}

ul,
ol {
    margin: 1em 1.11111em 1em 0;
}

sup {
    font-size: .6em;
}

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

html.ie8 h4 sup,
html.ie8 h5 sup,
html.ie8 h6 sup {
    font-size: .8em;
    line-height: 1;
}

sub {
    line-height: 1;
}

.imagereplace {
    text-indent: -100px;
}

.column {
    float: right;
}

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

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

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

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

html.ie8 .large-offset-1 {
    margin-right: 8.325%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-2 {
    margin-right: 16.65%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-3 {
    margin-right: 24.975%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-4 {
    margin-right: 33.3%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-5 {
    margin-right: 41.625%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-6 {
    margin-right: 49.95%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-7 {
    margin-right: 58.275%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-8 {
    margin-right: 66.6%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-9 {
    margin-right: 74.925%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-10 {
    margin-right: 83.25%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-11 {
    margin-right: 91.575%;
    margin-left: 0;
}

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

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

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

html.ie8 .large-offset-12 {
    margin-right: 99.9%;
    margin-left: 0;
}

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

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

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

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

.large-last {
    float: left;
}

.large-notlast {
    float: right;
}

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .xlarge-push-0 {
        right: auto;
        left: auto;
    }
    .xlarge-pull-0 {
        left: auto;
        right: auto;
    }
    .xlarge-offset-1 {
        margin-right: 8.33333%;
        margin-left: 0;
    }
    .xlarge-push-1 {
        right: 8.33333%;
        left: auto;
    }
    .xlarge-pull-1 {
        left: 8.33333%;
        right: auto;
    }
    .xlarge-offset-2 {
        margin-right: 16.66667%;
        margin-left: 0;
    }
    .xlarge-push-2 {
        right: 16.66667%;
        left: auto;
    }
    .xlarge-pull-2 {
        left: 16.66667%;
        right: auto;
    }
    .xlarge-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .xlarge-push-3 {
        right: 25%;
        left: auto;
    }
    .xlarge-pull-3 {
        left: 25%;
        right: auto;
    }
    .xlarge-offset-4 {
        margin-right: 33.33333%;
        margin-left: 0;
    }
    .xlarge-push-4 {
        right: 33.33333%;
        left: auto;
    }
    .xlarge-pull-4 {
        left: 33.33333%;
        right: auto;
    }
    .xlarge-offset-5 {
        margin-right: 41.66667%;
        margin-left: 0;
    }
    .xlarge-push-5 {
        right: 41.66667%;
        left: auto;
    }
    .xlarge-pull-5 {
        left: 41.66667%;
        right: auto;
    }
    .xlarge-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .xlarge-push-6 {
        right: 50%;
        left: auto;
    }
    .xlarge-pull-6 {
        left: 50%;
        right: auto;
    }
    .xlarge-offset-7 {
        margin-right: 58.33333%;
        margin-left: 0;
    }
    .xlarge-push-7 {
        right: 58.33333%;
        left: auto;
    }
    .xlarge-pull-7 {
        left: 58.33333%;
        right: auto;
    }
    .xlarge-offset-8 {
        margin-right: 66.66667%;
        margin-left: 0;
    }
    .xlarge-push-8 {
        right: 66.66667%;
        left: auto;
    }
    .xlarge-pull-8 {
        left: 66.66667%;
        right: auto;
    }
    .xlarge-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .xlarge-push-9 {
        right: 75%;
        left: auto;
    }
    .xlarge-pull-9 {
        left: 75%;
        right: auto;
    }
    .xlarge-offset-10 {
        margin-right: 83.33333%;
        margin-left: 0;
    }
    .xlarge-push-10 {
        right: 83.33333%;
        left: auto;
    }
    .xlarge-pull-10 {
        left: 83.33333%;
        right: auto;
    }
    .xlarge-offset-11 {
        margin-right: 91.66667%;
        margin-left: 0;
    }
    .xlarge-push-11 {
        right: 91.66667%;
        left: auto;
    }
    .xlarge-pull-11 {
        left: 91.66667%;
        right: auto;
    }
    .xlarge-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .xlarge-push-12 {
        right: 100%;
        left: auto;
    }
    .xlarge-pull-12 {
        left: 100%;
        right: auto;
    }
    .xlarge-centered {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .xlarge-uncentered {
        margin-right: 0;
        margin-left: 0;
    }
    .xlarge-last {
        float: left;
    }
    .xlarge-notlast {
        float: right;
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .medium-push-0 {
        right: auto;
        left: auto;
    }
    .medium-pull-0 {
        left: auto;
        right: auto;
    }
    .medium-offset-1 {
        margin-right: 8.33333%;
        margin-left: 0;
    }
    .medium-push-1 {
        right: 8.33333%;
        left: auto;
    }
    .medium-pull-1 {
        left: 8.33333%;
        right: auto;
    }
    .medium-offset-2 {
        margin-right: 16.66667%;
        margin-left: 0;
    }
    .medium-push-2 {
        right: 16.66667%;
        left: auto;
    }
    .medium-pull-2 {
        left: 16.66667%;
        right: auto;
    }
    .medium-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .medium-push-3 {
        right: 25%;
        left: auto;
    }
    .medium-pull-3 {
        left: 25%;
        right: auto;
    }
    .medium-offset-4 {
        margin-right: 33.33333%;
        margin-left: 0;
    }
    .medium-push-4 {
        right: 33.33333%;
        left: auto;
    }
    .medium-pull-4 {
        left: 33.33333%;
        right: auto;
    }
    .medium-offset-5 {
        margin-right: 41.66667%;
        margin-left: 0;
    }
    .medium-push-5 {
        right: 41.66667%;
        left: auto;
    }
    .medium-pull-5 {
        left: 41.66667%;
        right: auto;
    }
    .medium-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .medium-push-6 {
        right: 50%;
        left: auto;
    }
    .medium-pull-6 {
        left: 50%;
        right: auto;
    }
    .medium-offset-7 {
        margin-right: 58.33333%;
        margin-left: 0;
    }
    .medium-push-7 {
        right: 58.33333%;
        left: auto;
    }
    .medium-pull-7 {
        left: 58.33333%;
        right: auto;
    }
    .medium-offset-8 {
        margin-right: 66.66667%;
        margin-left: 0;
    }
    .medium-push-8 {
        right: 66.66667%;
        left: auto;
    }
    .medium-pull-8 {
        left: 66.66667%;
        right: auto;
    }
    .medium-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .medium-push-9 {
        right: 75%;
        left: auto;
    }
    .medium-pull-9 {
        left: 75%;
        right: auto;
    }
    .medium-offset-10 {
        margin-right: 83.33333%;
        margin-left: 0;
    }
    .medium-push-10 {
        right: 83.33333%;
        left: auto;
    }
    .medium-pull-10 {
        left: 83.33333%;
        right: auto;
    }
    .medium-offset-11 {
        margin-right: 91.66667%;
        margin-left: 0;
    }
    .medium-push-11 {
        right: 91.66667%;
        left: auto;
    }
    .medium-pull-11 {
        left: 91.66667%;
        right: auto;
    }
    .medium-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .medium-push-12 {
        right: 100%;
        left: auto;
    }
    .medium-pull-12 {
        left: 100%;
        right: auto;
    }
    .medium-centered {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .medium-uncentered {
        margin-right: 0;
        margin-left: 0;
    }
    .medium-last {
        float: left;
    }
    .medium-notlast {
        float: right;
    }
}

@media only screen and (max-width: 735px) {
    .small-offset-0 {
        margin-right: 0;
        margin-left: 0;
    }
    .small-push-0 {
        right: auto;
        left: auto;
    }
    .small-pull-0 {
        left: auto;
        right: auto;
    }
    .small-offset-1 {
        margin-right: 8.33333%;
        margin-left: 0;
    }
    .small-push-1 {
        right: 8.33333%;
        left: auto;
    }
    .small-pull-1 {
        left: 8.33333%;
        right: auto;
    }
    .small-offset-2 {
        margin-right: 16.66667%;
        margin-left: 0;
    }
    .small-push-2 {
        right: 16.66667%;
        left: auto;
    }
    .small-pull-2 {
        left: 16.66667%;
        right: auto;
    }
    .small-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
    .small-push-3 {
        right: 25%;
        left: auto;
    }
    .small-pull-3 {
        left: 25%;
        right: auto;
    }
    .small-offset-4 {
        margin-right: 33.33333%;
        margin-left: 0;
    }
    .small-push-4 {
        right: 33.33333%;
        left: auto;
    }
    .small-pull-4 {
        left: 33.33333%;
        right: auto;
    }
    .small-offset-5 {
        margin-right: 41.66667%;
        margin-left: 0;
    }
    .small-push-5 {
        right: 41.66667%;
        left: auto;
    }
    .small-pull-5 {
        left: 41.66667%;
        right: auto;
    }
    .small-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }
    .small-push-6 {
        right: 50%;
        left: auto;
    }
    .small-pull-6 {
        left: 50%;
        right: auto;
    }
    .small-offset-7 {
        margin-right: 58.33333%;
        margin-left: 0;
    }
    .small-push-7 {
        right: 58.33333%;
        left: auto;
    }
    .small-pull-7 {
        left: 58.33333%;
        right: auto;
    }
    .small-offset-8 {
        margin-right: 66.66667%;
        margin-left: 0;
    }
    .small-push-8 {
        right: 66.66667%;
        left: auto;
    }
    .small-pull-8 {
        left: 66.66667%;
        right: auto;
    }
    .small-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }
    .small-push-9 {
        right: 75%;
        left: auto;
    }
    .small-pull-9 {
        left: 75%;
        right: auto;
    }
    .small-offset-10 {
        margin-right: 83.33333%;
        margin-left: 0;
    }
    .small-push-10 {
        right: 83.33333%;
        left: auto;
    }
    .small-pull-10 {
        left: 83.33333%;
        right: auto;
    }
    .small-offset-11 {
        margin-right: 91.66667%;
        margin-left: 0;
    }
    .small-push-11 {
        right: 91.66667%;
        left: auto;
    }
    .small-pull-11 {
        left: 91.66667%;
        right: auto;
    }
    .small-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }
    .small-push-12 {
        right: 100%;
        left: auto;
    }
    .small-pull-12 {
        left: 100%;
        right: auto;
    }
    .small-centered {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .small-uncentered {
        margin-right: 0;
        margin-left: 0;
    }
    .small-last {
        float: left;
    }
    .small-notlast {
        float: right;
    }
}

.icon:before,
.icon:after,
.more:before,
.more:after {
    font-family: "Apple Icons";
    font-size: inherit;
    line-height: 1;
}

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

.icon-before:before {
    padding-left: .3em;
    padding-right: 0;
}

.eyebrow {
    font-size: 24px;
    line-height: 1.16667;
}



@media only screen and (max-width: 1068px) {
    .eyebrow {
        font-size: 22px;
        line-height: 1.18182;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow {
        font-size: 20px;
        line-height: 1.2;
    }
}

.eyebrow:lang(ar) {
    line-height: 1.375;
}

@media only screen and (max-width: 1068px) {
    .eyebrow:lang(ar) {
        line-height: 1.36364;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow:lang(ar) {
        line-height: 1.35;
    }
}

.eyebrow:lang(th) {
    line-height: 1.29167;
}

.eyebrow:lang(zh) {
    font-size: 22px;
}

@media only screen and (max-width: 1068px) {
    .eyebrow:lang(zh) {
        font-size: 20px;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow:lang(zh) {
        font-size: 18px;
    }
}

.eyebrow-hero {
    font-size: 28px;
    line-height: 1.14286;
}

@media only screen and (max-width: 1068px) {
    .eyebrow-hero {
        font-size: 26px;
        line-height: 1.15385;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow-hero {
        font-size: 24px;
        line-height: 1.16667;
    }
}

.eyebrow-hero:lang(ar) {
    line-height: 1.39286;
}

@media only screen and (max-width: 1068px) {
    .eyebrow-hero:lang(ar) {
        line-height: 1.34635;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow-hero:lang(ar) {
        line-height: 1.375;
    }
}

.eyebrow-hero:lang(th) {
    line-height: 1.25;
}

@media only screen and (max-width: 1068px) {
    .eyebrow-hero:lang(th) {
        line-height: 1.26927;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow-hero:lang(th) {
        line-height: 1.29167;
    }
}

.eyebrow-hero:lang(zh) {
    font-size: 26px;
}

@media only screen and (max-width: 1068px) {
    .eyebrow-hero:lang(zh) {
        font-size: 24px;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow-hero:lang(zh) {
        font-size: 22px;
    }
}

.paddlenav-arrow {
    font-size: 72px;
}

.paddlenav-arrow-next,
.paddlenav-arrow-previous {
    line-height: 128px;
}

.paddlenav-arrow-up,
.paddlenav-arrow-down {
    line-height: 67px;
    margin-right: -64px;
    margin-left: 0;
    right: 50%;
    left: auto;
}

.paddlenav-arrow-next {
    left: 0;
    right: auto;
}

.paddlenav-arrow-previous {
    right: 0;
    left: auto;
}

.paddlenav-short .paddlenav-arrow {
    font-size: 24px;
}

.paddlenav-short .paddlenav-arrow-next,
.paddlenav-short .paddlenav-arrow-previous {
    line-height: 64px;
}

.paddlenav-short .paddlenav-arrow-up,
.paddlenav-short .paddlenav-arrow-down {
    line-height: 64px;
    margin-right: -32px;
    margin-left: 0;
}

.paddlenav-framed .paddlenav-arrow-next {
    left: 18px;
    right: auto;
}

.paddlenav-framed .paddlenav-arrow-previous {
    right: 18px;
    left: auto;
}

.quote-copy {
    font-size: 40px;
    line-height: 1.1;
}

.quote-copy>:before {
    margin-right: -2em;
    margin-left: 0;
    text-align: left;
}

.quote-copy>:after {
    margin-left: -2em;
    margin-right: 0;
    text-align: right;
}

@media only screen and (max-width: 1068px) {
    .quote-copy {
        font-size: 32px;
        line-height: 1.125;
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy {
        font-size: 28px;
        line-height: 1.14286;
    }
}

.quote-copy:lang(ar) {
    line-height: 1.35;
}

@media only screen and (max-width: 1068px) {
    .quote-copy:lang(ar) {
        line-height: 1.34375;
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy:lang(ar) {
        line-height: 1.39286;
    }
}

.quote-copy:lang(th) {
    line-height: 1.2;
}

@media only screen and (max-width: 1068px) {
    .quote-copy:lang(th) {
        line-height: 1.21875;
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy:lang(th) {
        line-height: 1.25;
    }
}

.quote-copy:lang(zh) {
    font-size: 38px;
    line-height: 1.21053;
}

@media only screen and (max-width: 1068px) {
    .quote-copy:lang(zh) {
        font-size: 30px;
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy:lang(zh) {
        font-size: 26px;
    }
}

.quote-credit {
    font-size: 24px;
    line-height: 1.16667;
}

@media only screen and (max-width: 735px) {
    .quote-credit {
        font-size: 20px;
        line-height: 1.2;
    }
}

.quote-credit:lang(ar) {
    line-height: 1.375;
}

@media only screen and (max-width: 735px) {
    .quote-credit:lang(ar) {
        line-height: 1.35;
    }
}

.quote-credit:lang(th) {
    line-height: 1.29167;
}

.quote-credit:lang(zh) {
    font-size: 22px;
}

@media only screen and (max-width: 735px) {
    .quote-credit:lang(zh) {
        font-size: 18px;
    }
}

.quote-narrow .quote-copy {
    font-size: 32px;
    line-height: 1.125;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-copy {
        font-size: 28px;
        line-height: 1.14286;
    }
}

.quote-narrow .quote-copy:lang(ar) {
    line-height: 1.34375;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-copy:lang(ar) {
        line-height: 1.39286;
    }
}

.quote-narrow .quote-copy:lang(th) {
    line-height: 1.21875;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-copy:lang(th) {
        line-height: 1.25;
    }
}

.quote-narrow .quote-copy:lang(zh) {
    font-size: 30px;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-copy:lang(zh) {
        font-size: 26px;
    }
}

.quote-narrow .quote-credit {
    font-size: 24px;
    line-height: 1.16667;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-credit {
        font-size: 20px;
        line-height: 1.2;
    }
}

.quote-narrow .quote-credit:lang(ar) {
    line-height: 1.375;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-credit:lang(ar) {
        line-height: 1.35;
    }
}

.quote-narrow .quote-credit:lang(th) {
    line-height: 1.29167;
}

.quote-narrow .quote-credit:lang(zh) {
    font-size: 22px;
}

@media only screen and (max-width: 1068px) {
    .quote-narrow .quote-credit:lang(zh) {
        font-size: 18px;
    }
}

.section-wrapper,
.section-content {
    margin-right: auto;
    margin-left: auto;
}

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

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

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

.section-copy .column-offset-0 {
    margin-right: 0;
    margin-left: 0;
}

.section-copy .column-push-0 {
    right: auto;
    left: auto;
}

.section-copy .column-pull-0 {
    left: auto;
    right: auto;
}

.section-copy .column-offset-1 {
    margin-right: 10%;
    margin-left: 0;
}

.section-copy .column-push-1 {
    right: 10%;
    left: auto;
}

.section-copy .column-pull-1 {
    left: 10%;
    right: auto;
}

.section-copy .column-offset-2 {
    margin-right: 20%;
    margin-left: 0;
}

.section-copy .column-push-2 {
    right: 20%;
    left: auto;
}

.section-copy .column-pull-2 {
    left: 20%;
    right: auto;
}

.section-copy .column-offset-3 {
    margin-right: 30%;
    margin-left: 0;
}

.section-copy .column-push-3 {
    right: 30%;
    left: auto;
}

.section-copy .column-pull-3 {
    left: 30%;
    right: auto;
}

.section-copy .column-offset-4 {
    margin-right: 40%;
    margin-left: 0;
}

.section-copy .column-push-4 {
    right: 40%;
    left: auto;
}

.section-copy .column-pull-4 {
    left: 40%;
    right: auto;
}

.section-copy .column-offset-5 {
    margin-right: 50%;
    margin-left: 0;
}

.section-copy .column-push-5 {
    right: 50%;
    left: auto;
}

.section-copy .column-pull-5 {
    left: 50%;
    right: auto;
}

.section-copy .column-offset-6 {
    margin-right: 60%;
    margin-left: 0;
}

.section-copy .column-push-6 {
    right: 60%;
    left: auto;
}

.section-copy .column-pull-6 {
    left: 60%;
    right: auto;
}

.section-copy .column-offset-7 {
    margin-right: 70%;
    margin-left: 0;
}

.section-copy .column-push-7 {
    right: 70%;
    left: auto;
}

.section-copy .column-pull-7 {
    left: 70%;
    right: auto;
}

.section-copy .column-offset-8 {
    margin-right: 80%;
    margin-left: 0;
}

.section-copy .column-push-8 {
    right: 80%;
    left: auto;
}

.section-copy .column-pull-8 {
    left: 80%;
    right: auto;
}

.section-copy .column-offset-9 {
    margin-right: 90%;
    margin-left: 0;
}

.section-copy .column-push-9 {
    right: 90%;
    left: auto;
}

.section-copy .column-pull-9 {
    left: 90%;
    right: auto;
}

.section-copy .column-offset-10 {
    margin-right: 100%;
    margin-left: 0;
}

.section-copy .column-push-10 {
    right: 100%;
    left: auto;
}

.section-copy .column-pull-10 {
    left: 100%;
    right: auto;
}

.section-copy .column-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.section-copy .column-uncentered {
    margin-right: 0;
    margin-left: 0;
}

.section-copy .column-last {
    float: left;
}

.section-copy .column-notlast {
    float: right;
}

.section-copy {
    padding-left: 100px;
    padding-right: 100px;
}

@media only screen and (min-width: 1442px) {
    .section-copy {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (max-width: 1068px) {
    .section-copy {
        padding-left: 57px;
        padding-right: 57px;
    }
}

@media only screen and (max-width: 735px) {
    .section-copy {
        padding-left: 0;
        padding-right: 0;
    }
}

.inline-center-content {
    font-size: 0;
}

.hero-headline {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 300;
}


@media only screen and (max-width: 1068px) {
    .hero-headline {
        font-size: 52px;
        line-height: 1.07724;
    }
}

@media only screen and (max-width: 735px) {
    .hero-headline {
        font-size: 40px;
        line-height: 1.1;
    }
}

.hero-headline:lang(ar) {
    line-height: 1.34375;
}

@media only screen and (max-width: 1068px) {
    .hero-headline:lang(ar) {
        line-height: 1.34655;
    }
}

@media only screen and (max-width: 735px) {
    .hero-headline:lang(ar) {
        line-height: 1.35;
    }
}

.hero-headline:lang(th) {
    line-height: 1.17188;
}

@media only screen and (max-width: 1068px) {
    .hero-headline:lang(th) {
        line-height: 1.17308;
    }
}

@media only screen and (max-width: 735px) {
    .hero-headline:lang(th) {
        line-height: 1.2;
    }
}

.hero-headline:lang(zh) {
    font-size: 60px;
    line-height: 1.1;
}

@media only screen and (max-width: 1068px) {
    .hero-headline:lang(zh) {
        font-size: 48px;
        line-height: 1.10417;
    }
}

@media only screen and (max-width: 735px) {
    .hero-headline:lang(zh) {
        font-size: 38px;
        line-height: 1.21053;
    }
}

.hero-subtitle {
    font-size: 40px;
    line-height: 1.1;
}

@media only screen and (max-width: 1068px) {
    .hero-subtitle {
        font-size: 32px;
        line-height: 1.125;
    }
}

@media only screen and (max-width: 735px) {
    .hero-subtitle {
        font-size: 28px;
        line-height: 1.14286;
    }
}

.hero-subtitle:lang(ar) {
    line-height: 1.35;
}

@media only screen and (max-width: 1068px) {
    .hero-subtitle:lang(ar) {
        line-height: 1.34375;
    }
}

@media only screen and (max-width: 735px) {
    .hero-subtitle:lang(ar) {
        line-height: 1.39286;
    }
}

.hero-subtitle:lang(th) {
    line-height: 1.2;
}

@media only screen and (max-width: 1068px) {
    .hero-subtitle:lang(th) {
        line-height: 1.21875;
    }
}

@media only screen and (max-width: 735px) {
    .hero-subtitle:lang(th) {
        line-height: 1.25;
    }
}

.hero-subtitle:lang(zh) {
    font-size: 38px;
    line-height: 1.21053;
}

@media only screen and (max-width: 1068px) {
    .hero-subtitle:lang(zh) {
        font-size: 30px;
    }
}

@media only screen and (max-width: 735px) {
    .hero-subtitle:lang(zh) {
        font-size: 26px;
    }
}

.section-headline {
    font-size: 52px;
    line-height: 1.07724;
    font-weight: 300;
}

@media only screen and (max-width: 1068px) {
    .section-headline {
        font-size: 40px;
        line-height: 1.1;
    }
}

@media only screen and (max-width: 735px) {
    .section-headline {
        font-size: 32px;
        line-height: 1.125;
    }
}

.section-headline:lang(ar) {
    line-height: 1.34655;
}

@media only screen and (max-width: 1068px) {
    .section-headline:lang(ar) {
        line-height: 1.35;
    }
}

@media only screen and (max-width: 735px) {
    .section-headline:lang(ar) {
        line-height: 1.34375;
    }
}

.section-headline:lang(th) {
    line-height: 1.17308;
}

@media only screen and (max-width: 1068px) {
    .section-headline:lang(th) {
        line-height: 1.2;
    }
}

@media only screen and (max-width: 735px) {
    .section-headline:lang(th) {
        line-height: 1.21875;
    }
}

.section-headline:lang(zh) {
    font-size: 48px;
    line-height: 1.10417;
}

@media only screen and (max-width: 1068px) {
    .section-headline:lang(zh) {
        font-size: 38px;
        line-height: 1.21053;
    }
}

@media only screen and (max-width: 735px) {
    .section-headline:lang(zh) {
        font-size: 30px;
    }
}

.subsection-headline {
    font-size: 40px;
    line-height: 1.1;
}

@media only screen and (max-width: 1068px) {
    .subsection-headline {
        font-size: 32px;
        line-height: 1.125;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-headline {
        font-size: 28px;
        line-height: 1.14286;
    }
}

.subsection-headline:lang(ar) {
    line-height: 1.35;
}

@media only screen and (max-width: 1068px) {
    .subsection-headline:lang(ar) {
        line-height: 1.34375;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-headline:lang(ar) {
        line-height: 1.39286;
    }
}

.subsection-headline:lang(th) {
    line-height: 1.2;
}

@media only screen and (max-width: 1068px) {
    .subsection-headline:lang(th) {
        line-height: 1.21875;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-headline:lang(th) {
        line-height: 1.25;
    }
}

.subsection-headline:lang(zh) {
    font-size: 38px;
    line-height: 1.21053;
}

@media only screen and (max-width: 1068px) {
    .subsection-headline:lang(zh) {
        font-size: 30px;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-headline:lang(zh) {
        font-size: 26px;
    }
}

.subsection-subheadline {
    font-size: 32px;
    line-height: 1.125;
}

@media only screen and (max-width: 1068px) {
    .subsection-subheadline {
        font-size: 28px;
        line-height: 1.14286;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-subheadline {
        font-size: 24px;
        line-height: 1.16667;
    }
}

.subsection-subheadline:lang(ar) {
    line-height: 1.34375;
}

@media only screen and (max-width: 1068px) {
    .subsection-subheadline:lang(ar) {
        line-height: 1.39286;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-subheadline:lang(ar) {
        line-height: 1.375;
    }
}

.subsection-subheadline:lang(th) {
    line-height: 1.21875;
}

@media only screen and (max-width: 1068px) {
    .subsection-subheadline:lang(th) {
        line-height: 1.25;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-subheadline:lang(th) {
        line-height: 1.29167;
    }
}

.subsection-subheadline:lang(zh) {
    font-size: 30px;
}

@media only screen and (max-width: 1068px) {
    .subsection-subheadline:lang(zh) {
        font-size: 26px;
    }
}

@media only screen and (max-width: 735px) {
    .subsection-subheadline:lang(zh) {
        font-size: 22px;
    }
}

.table-label {
    font-size: 28px;
    line-height: 1.14286;
}

@media only screen and (max-width: 1068px) {
    .table-label {
        font-size: 24px;
        line-height: 1.16667;
    }
}

.table-label:lang(ar) {
    line-height: 1.39286;
}

@media only screen and (max-width: 1068px) {
    .table-label:lang(ar) {
        line-height: 1.375;
    }
}

.table-label:lang(th) {
    line-height: 1.25;
}

@media only screen and (max-width: 1068px) {
    .table-label:lang(th) {
        line-height: 1.29167;
    }
}

.table-label:lang(zh) {
    font-size: 26px;
}

@media only screen and (max-width: 1068px) {
    .table-label:lang(zh) {
        font-size: 22px;
    }
}

.intro {
    font-size: 24px;
    line-height: 1.33349;
}

@media only screen and (max-width: 1068px) {
    .intro {
        font-size: 22px;
        line-height: 1.36364;
    }
}

@media only screen and (max-width: 735px) {
    .intro {
        font-size: 20px;
        line-height: 1.4;
    }
}

.intro:lang(ar) {
    line-height: 1.5;
}

@media only screen and (max-width: 1068px) {
    .intro:lang(ar) {
        line-height: 1.5;
    }
}

@media only screen and (max-width: 735px) {
    .intro:lang(ar) {
        line-height: 1.5;
    }
}

.intro:lang(zh) {
    font-size: 22px;
    line-height: 1.59091;
}

@media only screen and (max-width: 1068px) {
    .intro:lang(zh) {
        font-size: 20px;
    }
}

@media only screen and (max-width: 735px) {
    .intro:lang(zh) {
        font-size: 18px;
    }
}

.smallblock-copy {
    font-size: 16px;
    line-height: 1.5;
}

.smallblock-copy:lang(zh) {
    font-size: 15px;
    line-height: 1.8;
}

.body-copy {
    font-size: 18px;
    line-height: 1.4446;
}

.body-copy:lang(ar) {
    line-height: 1.5;
}

.body-copy:lang(zh) {
    font-size: 17px;
    line-height: 1.82353;
}

.quote-credit {
    font-size: 24px;
    line-height: 1.16667;
}

@media only screen and (max-width: 735px) {
    .quote-credit {
        font-size: 20px;
        line-height: 1.2;
    }
}

.quote-credit:lang(ar) {
    line-height: 1.375;
}

@media only screen and (max-width: 735px) {
    .quote-credit:lang(ar) {
        line-height: 1.35;
    }
}

.quote-credit:lang(th) {
    line-height: 1.29167;
}

.quote-credit:lang(zh) {
    font-size: 22px;
}

@media only screen and (max-width: 735px) {
    .quote-credit:lang(zh) {
        font-size: 18px;
    }
}

.caption-headline {
    font-size: 14px;
    line-height: 1.28583;
}


.caption-headline:lang(ar) {
    line-height: 1.5;
}

.caption-headline:lang(zh) {
    font-size: 13px;
}

.caption-copy {
    font-size: 14px;
    line-height: 1.28583;
}

.caption-copy:lang(ar) {
    line-height: 1.5;
}

.caption-copy:lang(zh) {
    font-size: 13px;
}

.eyebrow {
    font-size: 24px;
    line-height: 1.16667;
}

@media only screen and (max-width: 1068px) {
    .eyebrow {
        font-size: 22px;
        line-height: 1.18182;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow {
        font-size: 20px;
        line-height: 1.2;
    }
}

.eyebrow:lang(ar) {
    line-height: 1.375;
}

@media only screen and (max-width: 1068px) {
    .eyebrow:lang(ar) {
        line-height: 1.36364;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow:lang(ar) {
        line-height: 1.35;
    }
}

.eyebrow:lang(th) {
    line-height: 1.29167;
}

.eyebrow:lang(zh) {
    font-size: 22px;
}

@media only screen and (max-width: 1068px) {
    .eyebrow:lang(zh) {
        font-size: 20px;
    }
}

@media only screen and (max-width: 735px) {
    .eyebrow:lang(zh) {
        font-size: 18px;
    }
}

.inline-copy-headline {
    font-size: 18px;
    line-height: 1.4446;
}

.inline-copy-headline:lang(ar) {
    line-height: 1.5;
}

.inline-copy-headline:lang(zh) {
    font-size: 17px;
    line-height: 1.82353;
}

.tabnav .tabnav-item {
    padding-right: 60px;
    padding-left: 0;
}

.section-easy-to-use .tabnav .tabnav-item{
    float: right;
}

@media only screen and (max-width: 1068px) {
    .tabnav .tabnav-item {
        padding-right: 50px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .tabnav .tabnav-item {
        padding-right: 30px;
        padding-left: 0;
    }
}

.tabnav .tabnav-item:first-child {
    padding-right: 0;
    padding-left: 0;
}

.tabnav-link {
    font-size: 16px;
    line-height: 1;
    text-align: right;
}

.tabnav-link.current:after {
    right: 0;
    left: auto;
}

.gutter-half-right {
    padding-left: 4.16667%;
    padding-right: 0;
}

@media only screen and (max-width: 735px) {
    .gutter-half-right {
        padding-left: 0;
        padding-right: 0;
    }
}

.row-logical .gutter-half-right {
    padding-left: 4.16667%;
    padding-right: 0;
}

@media only screen and (max-width: 735px) {
    .row-logical .gutter-half-right {
        padding-left: 0;
        padding-right: 0;
    }
}

.gutter-half-left {
    padding-right: 4.16667%;
    padding-left: 0;
}

@media only screen and (max-width: 735px) {
    .gutter-half-left {
        padding-right: 0;
        padding-left: 0;
    }
}

.row-logical .gutter-half-left {
    padding-right: 4.16667%;
    padding-left: 0;
}

@media only screen and (max-width: 735px) {
    .row-logical .gutter-half-left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .medium-gutter-half-right {
        padding-left: 4.16667%;
        padding-right: 0;
    }
}

@media only screen and (max-width: 735px) {
    .medium-gutter-half-right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .row-logical .medium-gutter-half-right {
        padding-left: 4.16667%;
        padding-right: 0;
    }
}

@media only screen and (max-width: 735px) {
    .row-logical .medium-gutter-half-right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .medium-gutter-half-left {
        padding-right: 4.16667%;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .medium-gutter-half-left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .row-logical .medium-gutter-half-left {
        padding-right: 4.16667%;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .row-logical .medium-gutter-half-left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .medium-gutter-none-right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .row-logical .medium-gutter-none-right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .medium-gutter-none-left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1068px) {
    .row-logical .medium-gutter-none-left {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .centered-text {
        text-align: right;
    }
}

.tabnav .tabnav-item {
    padding-right: 60px;
    padding-left: 0;
}

@media only screen and (max-width: 1068px) {
    .tabnav .tabnav-item {
        padding-right: 50px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .tabnav .tabnav-item {
        padding-right: 30px;
        padding-left: 0;
    }
}

.tabnav .tabnav-item:first-child {
    padding-right: 0;
    padding-left: 0;
}

.tabnav-link {
    font-size: 17px;
    line-height: 1;
    text-align: right;
}

.tabnav-link.current:after {
    right: 0;
    left: auto;
}

.site-macos .section-hero .image-hero,
.site-imac .section-hero .image-hero {
    right: 50%;
    left: auto;
    margin-right: -490.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .site-macos .section-hero .image-hero,
    .site-imac .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -295.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .site-macos .section-hero .image-hero,
    .site-imac .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -144px;
        margin-left: 0;
    }
}

.site-macbook .section-hero .image-hero {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .site-macbook .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .site-macbook .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.site-macbookpro .section-hero .image-hero {
    right: 50%;
    left: auto;
    margin-right: -605.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .site-macbookpro .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -365px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .site-macbookpro .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -177.5px;
        margin-left: 0;
    }
}

.site-macbookair .section-hero .image-hero {
    right: 50%;
    left: auto;
    margin-right: -600px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .site-macbookair .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -362.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .site-macbookair .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -176px;
        margin-left: 0;
    }
}

.site-macmini .section-hero .image-hero {
    right: 50%;
    left: auto;
    margin-right: -489.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .site-macmini .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -295.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .site-macmini .section-hero .image-hero {
        right: 50%;
        left: auto;
        margin-right: -144px;
        margin-left: 0;
    }
}

.section-easy-to-use .section-content.section-gallery-container .section-viewport-content,
.section-easy-to-use .section-wrapper.section-gallery-container .section-viewport-content {
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 1442px) {
    .section-easy-to-use .section-content.section-gallery-container .section-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .section-content.section-gallery-container .section-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .section-content.section-gallery-container .section-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

.section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content,
.section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content {
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 1442px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content {
        margin-right: auto;
        margin-left: auto;
    }
}

.section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content-medium,
.section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content-medium {
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 1442px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content-medium,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content-medium {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content-medium,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content-medium {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .section-content.section-gallery-container .section-gallery-viewport-content-medium,
    .section-easy-to-use .section-wrapper.section-gallery-container .section-gallery-viewport-content-medium {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .tabnav-items {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media only screen and (max-width: 735px) and (max-width: 735px) {
    .section-easy-to-use .gallery {
        margin-right: auto;
        margin-left: auto;
    }
}

.section-easy-to-use .gallery .siri .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .siri .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .siri .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .siri .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .siri .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .siri .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .finder .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .finder .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .finder .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .finder .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .finder .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .finder .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .spotlight .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .spotlight .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .spotlight .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .spotlight .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .spotlight .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .spotlight .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .notifications .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .notifications .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .notifications .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-easy-to-use .gallery .notifications .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-easy-to-use .gallery .notifications .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-easy-to-use .gallery .notifications .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

html.js .section-easy-to-use .gallery-hardware {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    html.js .section-easy-to-use .gallery-hardware {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    html.js .section-easy-to-use .gallery-hardware {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

html.js .section-easy-to-use .gallery .backdrop-screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    html.js .section-easy-to-use .gallery .backdrop-screen {
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    html.js .section-easy-to-use .gallery .backdrop-screen {
        margin-right: -132.5px;
        margin-left: 0;
    }
}

.section-continuity .image-continuity {
    right: 50%;
    left: auto;
    margin-right: -606.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-continuity .image-continuity {
        right: 50%;
        left: auto;
        margin-right: -366.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .image-continuity {
        right: 50%;
        left: auto;
        margin-right: -224.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 516px) {
    .section-continuity .image-continuity {
        float: left;
        margin-right: 0;
        margin-left: -2px;
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .grid-block,
    .section-continuity .apple-pay-caption {
        text-align: right;
    }
}

.section-continuity .grid-block .inline-copy-headline-container {
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (max-width: 1068px) {
    .section-continuity .grid-block .inline-copy-headline-container {
        margin-left: 0;
        margin-right: 0;
    }
}

.section-continuity .grid-block:nth-child(odd) {
    padding-left: 5px;
    padding-right: 0;
}

@media only screen and (max-width: 1068px) {
    .section-continuity .grid-block:nth-child(odd) .grid-block-image {
        float: left;
    }
    .section-continuity .grid-block:nth-child(odd) .inline-copy-headline-container {
        float: left;
        padding-left: 39px;
        padding-right: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .grid-block:nth-child(odd) {
        padding-left: 0;
        padding-right: 0;
    }
    .section-continuity .grid-block:nth-child(odd) .grid-block-image {
        float: none;
    }
    .section-continuity .grid-block:nth-child(odd) .inline-copy-headline-container {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
}

.section-continuity .grid-block:nth-child(even) {
    padding-right: 5px;
    padding-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-continuity .grid-block:nth-child(even) .inline-copy-headline-container {
        padding-right: 39px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .grid-block:nth-child(even) {
        padding-right: 0;
        padding-left: 0;
    }
    .section-continuity .grid-block:nth-child(even) .inline-copy-headline-container {
        padding-right: 0;
        padding-left: 0;
    }
}

.section-built-in-apps .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-built-in-apps .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-built-in-apps .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-built-in-apps .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .app-grid {
        text-align: right;
    }
}

.section-built-in-apps .app-grid ul {
    margin: 0 0 -31px 0;
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .app-grid .app-icon {
        margin: 0 0 3px 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .app-grid .column {
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width: 735px) {
    .section-built-in-apps .app-grid .pages .app-icon {
        margin-right: -8px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .numbers .app-icon {
        margin-right: -6px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .pages .app-icon {
        margin-right: -8px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .keynote .app-icon {
        margin-right: -8px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .notes .app-icon {
        margin-right: -8px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .photos .app-icon {
        margin-right: -4px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .imovie .app-icon {
        margin-right: -3px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .garageband .app-icon {
        margin-right: -9px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .messages .app-icon {
        margin-right: -5px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .maps .app-icon {
        margin-right: -3px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .mail .app-icon {
        margin-right: -7px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .facetime .app-icon {
        margin-right: -4px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .safari .app-icon {
        margin-right: -7px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .spotlight .app-icon {
        margin-right: -7px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .itunes .app-icon {
        margin-right: -4px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .appstore .app-icon {
        margin-right: -7px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .calendar .app-icon {
        margin-right: -10px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .contacts .app-icon {
        margin-right: -10px;
        margin-left: 0;
    }
    .section-built-in-apps .app-grid .ibooks .app-icon {
        margin-right: -7px;
        margin-left: 0;
    }
}

.section-icloud .image-icloud {
    float: left;
}

@media only screen and (max-width: 1068px) {
    .section-icloud .image-icloud {
        right: 50%;
        left: auto;
        margin-right: -395px;
        margin-left: 0;
        float: right;
    }
}

@media only screen and (max-width: 735px) {
    .section-icloud .image-icloud {
        position: relative;
        left: 0;
        right: auto;
        margin-left: 0;
        float: right;
        margin-right: -44px;
    }
}

.section-privacy .hardware-composited {
    float: left;
}

@media only screen and (max-width: 1068px) {
    .section-privacy .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -366px;
        margin-left: 0;
        float: right;
    }
}

@media only screen and (max-width: 735px) {
    .section-privacy .hardware-composited {
        left: 50%;
        right: auto;
        margin-left: -366px;
        margin-right: 0;
        position: relative;
        left: auto;
        float: right;
    }
}

.section-compatibility .hardware-composited {
    right: 50%;
    left: auto;
    margin-right: -607.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-compatibility .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -367px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-compatibility .hardware-composited {
        right: 50%;
        left: auto;
        margin-right: -178px;
        margin-left: 0;
    }
}

.section-compatibility .hardware-composited .screen {
    right: 50%;
    left: auto;
    margin-right: -451.5px;
    margin-left: 0;
}

@media only screen and (max-width: 1068px) {
    .section-compatibility .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -273px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-compatibility .hardware-composited .screen {
        right: 50%;
        left: auto;
        margin-right: -132.5px;
        margin-left: 0;
    }
}

/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

.section-continuity .grid-block.calls .grid-block-image {
    background-image: url("/ae-ar/mac/shared/macos/images/calls_large.jpg")
}

@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) {
    .section-continuity .grid-block.calls .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/calls_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-continuity .grid-block.calls .grid-block-image {
        background-image: url("/ae-ar/mac/shared/macos/images/calls_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) {
    .section-continuity .grid-block.calls .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/calls_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .grid-block.calls .grid-block-image {
        background-image: url("/ae-ar/mac/shared/macos/images/calls_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) {
    .section-continuity .grid-block.calls .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/calls_small_2x.jpg")
    }
}




.section-continuity .grid-block.hotspot .grid-block-image {
    background-image: url("/ae-ar/mac/shared/macos/images/hotspot_large.jpg")
}

@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) {
    .section-continuity .grid-block.hotspot .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/hotspot_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-continuity .grid-block.hotspot .grid-block-image {
        background-image: url("/ae-ar/mac/shared/macos/images/hotspot_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) {
    .section-continuity .grid-block.hotspot .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/hotspot_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-continuity .grid-block.hotspot .grid-block-image {
        background-image: url("/ae-ar/mac/shared/macos/images/hotspot_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) {
    .section-continuity .grid-block.hotspot .grid-block-image {
        background-image:url("/ae-ar/mac/shared/macos/images/hotspot_small_2x.jpg")
    }
}




.section-privacy .hardware-composited {
    background-image: url("/ae-ar/mac/shared/macos/images/encryption_hero_large.jpg");
}

@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) {
    .section-privacy .hardware-composited {
        background-image:url("/ae-ar/mac/shared/macos/images/encryption_hero_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-privacy .hardware-composited {
        background-image: url("/ae-ar/mac/shared/macos/images/encryption_hero_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) {
    .section-privacy .hardware-composited {
        background-image:url("/ae-ar/mac/shared/macos/images/encryption_hero_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-privacy .hardware-composited {
        background-image: url("/ae-ar/mac/shared/macos/images/encryption_hero_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) {
    .section-privacy .hardware-composited {
        background-image:url("/ae-ar/mac/shared/macos/images/encryption_hero_small_2x.jpg")
    }
}


.image-buystrip-macbook {
    background-repeat: no-repeat;
    background-size: 228px 92px;
    height: 92px;
    width: 228px;
    background-image: url("/v/macbook/e/shared/images/buystrip_macbook_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
    .image-buystrip-macbook {
        background-image:url("/v/macbook/e/shared/images/buystrip_macbook_large_2x.png")
    }
}
/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

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

@media only screen and (max-width: 735px) {
    .section-built-in-apps .app-grid .column:nth-child(odd) {
        clear: right;
    }
}

.section-accessibility .accessibility-figure{
        margin-left: 5.55556%;
        margin-right: 0;
}

.section-accessibility .accessibility-figure:last-child{
    margin-left: 0;
}

.hero-headline br{
    content: "";
    margin-top: -15px;
    display: block;
    height: 1px;
}

@media only screen and (max-width: 595px) {
    .section-accessibility .accessibility-figure {
        width:50%;
        margin: 0
    }
    .section-accessibility .accessibility-figure:nth-child(-n+2) {
        margin-bottom: 40px
    }

    .section-accessibility .accessibility-figure:nth-child(odd) {
        padding-left: 8px;
    }

    .section-accessibility .accessibility-figure:nth-child(even) {
        padding-right: 8px;
    }

    .section-accessibility .accessibility-figure p {
        width:95%;
    }

    .hero-headline br{
        margin-top: -10px;
    }
}

@media only screen and (max-width: 735px) and (min-width: 410px) {
    .section-built-in-apps .app-grid .column {
        width:115px
    }

    .section-built-in-apps .app-grid .column:nth-child(odd) {
        clear: none
    }
}