/*------------------------------------*\
	HERO CSS
\*------------------------------------*/


.page-overview .section-hero-poster-background {
    margin-top:300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background {
        margin-top:200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background {
        margin-top:130px
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:200px 12.5%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block {
        padding:170px 12.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block {
        padding:100px 12%
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block.router {
    padding:135px 12.5%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block.router {
        padding:100px 12.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block.router {
        padding:125px 12%
    }
}

.page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
    margin-top:30px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
        margin-top:25px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .hero-poster-copy-block .hero-poster-copy {
        margin-top:20px
    }
}

.page-overview .section-hero-poster-no-background {
    margin-top:300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-no-background {
        margin-top:200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-no-background {
        margin-top:130px
    }
}

.page-overview .section-hero-poster-no-background .image-hero-poster {
    margin-top:100px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-no-background .image-hero-poster {
        margin-top:100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-no-background .image-hero-poster {
        margin-top:80px
    }
}

.page-overview .section-success-story {
    margin-top:170px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story {
        margin-top:150px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story {
        margin-top:100px
    }
}

.page-overview .section-success-story .headline-success-story {
    margin-top: 30px;
    color:#a1a1a6
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-success-story .headline-success-story {
        margin-top:20px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-success-story .headline-success-story {
        margin-top:20px
    }
}

.page-overview .section-success-story .headline-success-story .highlight {
    color:#f5f5f7
}

.page-overview .success-story {
    margin-top:100px
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story {
        margin-top:100px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story {
        margin-top:60px
    }
}

.page-overview .success-story .success-story-copy {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding:160px 15%
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy {
        padding:100px 15%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy {
        padding:80px 12%
    }
}

.page-overview .success-story .success-story-copy .badges-success-stories {
    margin-top:75px
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy .badges-success-stories {
        margin-top:50px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories {
        margin-top:40px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n + 2) {
        margin-top:25px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n + 2) {
        margin-top:0px
    }
}

@media only screen and (max-width: 414px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n + 2) {
        margin-top:40px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column {
        max-width:170px
    }
}

@media only screen and (max-width: 414px) {
    .page-overview .success-story .success-story-copy .badges-success-stories .badge-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-left:0
    }
}

html.text-zoom .page-overview .success-story .success-story-copy .badges-success-stories .badge-column {
    max-width: none;
    margin-left:0px
}

html.text-zoom .page-overview .success-story .success-story-copy .badges-success-stories .badge-column:nth-child(n + 2) {
    margin-top:25px
}

.page-overview .success-story .success-stories-cta {
    margin-top:40px
}

.page-overview .success-story .badge {
    min-width:8em
}

.page-overview .success-story .badge .badge-content {
    padding: 0;
    margin:0
}

.page-overview .success-story .badge .badge-content .badge-value {
    font-weight: 600;
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(ja) {
    line-height: 1.0875;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
    line-height: 1.15;
    letter-spacing: 0em;
    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
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
    letter-spacing:0em
}

.page-overview .success-story .badge .badge-content .badge-value:lang(th) {
    line-height: 1.35;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value: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) {
    .page-overview .success-story .badge .badge-content .badge-value {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        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
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
        letter-spacing:0em
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(th) {
        line-height: 1.34375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value: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: 734px) {
    .page-overview .success-story .badge .badge-content .badge-value {
        font-size: 48px;
        line-height: 1.08349;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ar) {
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ja) {
        line-height: 1.14599;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        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
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh) {
        letter-spacing:0em
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(th) {
        line-height: 1.33349;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit {
    font-size: 48px;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-left:5px
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ja) {
    line-height: 1.14599;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    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
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh) {
    letter-spacing:0em
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
    line-height: 1.33349;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-value .badge-unit: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) {
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ko) {
        line-height: 1.2;
        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
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
        line-height: 1.35;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit: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: 734px) {
    .page-overview .success-story .badge .badge-content .badge-value .badge-unit {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ko) {
        line-height: 1.21875;
        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
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(th) {
        line-height: 1.375;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-value .badge-unit:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .badge .badge-content .badge-caption {
    position: relative;
    font-size: 14px;
    line-height: 1.28577;
    font-weight: 400;
    letter-spacing: -.016em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #a1a1a6;
    width:90%
}

.page-overview .success-story .badge .badge-content .badge-caption: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
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(ja) {
    line-height: 1.35718;
    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
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(ko) {
    line-height: 1.42859;
    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
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh) {
    letter-spacing:0em
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(th) {
    line-height: 1.35718;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.page-overview .success-story .badge .badge-content .badge-caption:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .page-overview .success-story .badge .badge-content .badge-caption {
        width:80%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .success-story .badge .badge-content .badge-caption {
        font-size: 17px;
        line-height: 1.23536;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        width:100%
    }

    .page-overview .success-story .badge .badge-content .badge-caption: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
    }

    .page-overview .success-story .badge .badge-content .badge-caption: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
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(ko) {
        line-height: 1.35296;
        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
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh) {
        letter-spacing:0em
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(th) {
        line-height: 1.35296;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }

    .page-overview .success-story .badge .badge-content .badge-caption:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.page-overview .success-story .color-secondary-alt {
    color:#a1a1a6
}

.page-overview .success-story .color-secondary-alt .quote-copy, .page-overview .success-story .color-secondary-alt .quote-credit, .page-overview .success-story .color-secondary-alt .quote-subcredit {
    color:#a1a1a6
}

.page-overview .section-hero-poster-background .animated-poster-container {
    height:190vh
}

.page-overview .section-hero-poster-background .animated-poster-container .grid-container .grid-item {
    background-color:transparent
}

.page-overview .section-hero-poster-background .animated-poster-container .grid-container .hero-poster-copy-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:200px 12.5%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero-poster-background .animated-poster-container .grid-container .hero-poster-copy-block {
        padding:170px 12.5%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero-poster-background .animated-poster-container .grid-container .hero-poster-copy-block {
        padding:100px 12%
    }
}

.page-overview .section-hero-poster-background .animated-poster-container .section-content-container {
    position: relative;
    height: calc(100vh - var(--globalnav-height));
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.page-overview .section-hero-poster-background .animated-poster-container .sticky-container {
    margin-top: calc(0px - var(--localnav-height) - var(--globalnav-height));
    -webkit-transition: 0.9s opacity 0.5s;
    transition: 0.9s opacity 0.5s;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: var(--localnav-height);
    width: 100%;
    overflow: hidden;
    min-height: calc(100vh - var(--globalnav-height));
    opacity:0
}

.page-overview .section-hero-poster-background .animated-poster-container .sticky-container.js-opacity-fade {
    opacity:1
}

.page-overview .section-hero-poster-background .animated-poster-container .animatable-image {
    position: absolute;
    width: 100vw;
    height: calc(100vh - var(--globalnav-height));
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    overflow:hidden
}

.page-overview .section-hero-poster-background .animated-poster-container .animatable-image .image-scrim {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width:100%
}

html.no-js .page-overview .section-hero-poster-background .animated-poster-container, html.reduced-motion .page-overview .section-hero-poster-background .animated-poster-container, html.poster-fallback .page-overview .section-hero-poster-background .animated-poster-container, html.text-zoom .page-overview .section-hero-poster-background .animated-poster-container, html.no-js .page-overview .section-hero-poster-background .animated-poster-container, html.reduced-motion .page-overview .section-hero-poster-background .animated-poster-container, html.poster-fallback .page-overview .section-hero-poster-background .animated-poster-container, html.text-zoom .page-overview .section-hero-poster-background .animated-poster-container, html.no-js .page-overview .section-hero-poster-background .animated-poster-container, html.reduced-motion .page-overview .section-hero-poster-background .animated-poster-container, html.poster-fallback .page-overview .section-hero-poster-background .animated-poster-container, html.text-zoom .page-overview .section-hero-poster-background .animated-poster-container, html.no-js .page-overview .section-hero-poster-background .animated-poster-container, html.reduced-motion .page-overview .section-hero-poster-background .animated-poster-container, html.poster-fallback .page-overview .section-hero-poster-background .animated-poster-container, html.text-zoom .page-overview .section-hero-poster-background .animated-poster-container {
    max-width: 1360px;
    display: grid;
    grid-gap: var(--grid-gutter);
    padding: 0 var(--tile-padding);
    margin: var(--grid-gutter) auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    opacity: 1;
    -webkit-transition: 0s opacity 0s;
    transition: 0s opacity 0s;
    min-height:0
}

html.no-js .page-overview .section-hero-poster-background .sticky-container, html.reduced-motion .page-overview .section-hero-poster-background .sticky-container, html.poster-fallback .page-overview .section-hero-poster-background .sticky-container, html.text-zoom .page-overview .section-hero-poster-background .sticky-container, html.no-js .page-overview .section-hero-poster-background .sticky-container, html.reduced-motion .page-overview .section-hero-poster-background .sticky-container, html.poster-fallback .page-overview .section-hero-poster-background .sticky-container, html.text-zoom .page-overview .section-hero-poster-background .sticky-container, html.no-js .page-overview .section-hero-poster-background .sticky-container, html.reduced-motion .page-overview .section-hero-poster-background .sticky-container, html.poster-fallback .page-overview .section-hero-poster-background .sticky-container, html.text-zoom .page-overview .section-hero-poster-background .sticky-container, html.no-js .page-overview .section-hero-poster-background .sticky-container, html.reduced-motion .page-overview .section-hero-poster-background .sticky-container, html.poster-fallback .page-overview .section-hero-poster-background .sticky-container, html.text-zoom .page-overview .section-hero-poster-background .sticky-container {
    opacity: 1;
    margin-top: 0;
    position: relative;
    min-height: 0;
    top:unset
}

html.no-js .page-overview .section-hero-poster-background .animatable-image, html.reduced-motion .page-overview .section-hero-poster-background .animatable-image, html.poster-fallback .page-overview .section-hero-poster-background .animatable-image, html.text-zoom .page-overview .section-hero-poster-background .animatable-image, html.no-js .page-overview .section-hero-poster-background .animatable-image, html.reduced-motion .page-overview .section-hero-poster-background .animatable-image, html.poster-fallback .page-overview .section-hero-poster-background .animatable-image, html.text-zoom .page-overview .section-hero-poster-background .animatable-image, html.no-js .page-overview .section-hero-poster-background .animatable-image, html.reduced-motion .page-overview .section-hero-poster-background .animatable-image, html.poster-fallback .page-overview .section-hero-poster-background .animatable-image, html.text-zoom .page-overview .section-hero-poster-background .animatable-image, html.no-js .page-overview .section-hero-poster-background .animatable-image, html.reduced-motion .page-overview .section-hero-poster-background .animatable-image, html.poster-fallback .page-overview .section-hero-poster-background .animatable-image, html.text-zoom .page-overview .section-hero-poster-background .animatable-image {
    position: absolute;
    width: 100%;
    height:100%
}

html.no-js .page-overview .section-hero-poster-background .grid-container, html.reduced-motion .page-overview .section-hero-poster-background .grid-container, html.poster-fallback .page-overview .section-hero-poster-background .grid-container, html.text-zoom .page-overview .section-hero-poster-background .grid-container, html.no-js .page-overview .section-hero-poster-background .grid-container, html.reduced-motion .page-overview .section-hero-poster-background .grid-container, html.poster-fallback .page-overview .section-hero-poster-background .grid-container, html.text-zoom .page-overview .section-hero-poster-background .grid-container, html.no-js .page-overview .section-hero-poster-background .grid-container, html.reduced-motion .page-overview .section-hero-poster-background .grid-container, html.poster-fallback .page-overview .section-hero-poster-background .grid-container, html.text-zoom .page-overview .section-hero-poster-background .grid-container, html.no-js .page-overview .section-hero-poster-background .grid-container, html.reduced-motion .page-overview .section-hero-poster-background .grid-container, html.poster-fallback .page-overview .section-hero-poster-background .grid-container, html.text-zoom .page-overview .section-hero-poster-background .grid-container {
    opacity:1
}

html.no-js .page-overview .section-hero-poster-background .grid-item, html.reduced-motion .page-overview .section-hero-poster-background .grid-item, html.poster-fallback .page-overview .section-hero-poster-background .grid-item, html.text-zoom .page-overview .section-hero-poster-background .grid-item, html.no-js .page-overview .section-hero-poster-background .grid-item, html.reduced-motion .page-overview .section-hero-poster-background .grid-item, html.poster-fallback .page-overview .section-hero-poster-background .grid-item, html.text-zoom .page-overview .section-hero-poster-background .grid-item, html.no-js .page-overview .section-hero-poster-background .grid-item, html.reduced-motion .page-overview .section-hero-poster-background .grid-item, html.poster-fallback .page-overview .section-hero-poster-background .grid-item, html.text-zoom .page-overview .section-hero-poster-background .grid-item, html.no-js .page-overview .section-hero-poster-background .grid-item, html.reduced-motion .page-overview .section-hero-poster-background .grid-item, html.poster-fallback .page-overview .section-hero-poster-background .grid-item, html.text-zoom .page-overview .section-hero-poster-background .grid-item {
    opacity:1
}

html.no-js .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container {
    margin-top: 0;
    height: unset;
    z-index: 3;
    display: block;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content:unset
}

html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container {
    margin-top:264px
}

@media only screen and (max-width: 734px) {
    html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.no-js.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.poster-fallback.text-zoom .page-overview .section-hero-poster-background .section-content-container, html.text-zoom .page-overview .section-hero-poster-background .section-content-container {
        margin-top:286px
    }
}

.page-overview .section-hero {
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.page-overview .section-hero .hero-headline, .page-overview .section-hero .hero-eyebrow, .page-overview .section-hero .hero-intro {
    will-change:opacity
}

.page-overview .section-hero .hw-image {
    will-change:opacity, transform
}

.page-overview .section-hero .intro-container {
    height: 225vh;
    position: relative;
    z-index: 1;
    margin-top: calc(0px - var(--localnav-height) - var(--globalnav-height));
    -webkit-transition: 0.9s opacity 0.5s;
    transition: 0.9s opacity 0.5s;
    opacity: 0;
    min-height:2763px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .intro-container {
        min-height:2383px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .intro-container {
        min-height:1807px
    }
}

.page-overview .section-hero .intro-container.js-opacity-fade {
    opacity:1
}

.page-overview .section-hero .sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%;
    overflow: hidden;
    min-height:100vh
}

.page-overview .section-hero .section-content-container {
    position: relative;
    margin-top:var(--localnav-height)
}

.page-overview .section-hero .hero-copy-wrap {
    padding-top: 524px;
    padding-bottom:300px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .hero-copy-wrap {
        padding-top: 481px;
        padding-bottom:200px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap {
        padding-top: 254px;
        padding-bottom: 130px;
        max-width:440px
    }
}

html.text-zoom .page-overview .section-hero .hero-copy-wrap {
    padding-top:734px
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .page-overview .section-hero .hero-copy-wrap {
        padding-top:700px
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .page-overview .section-hero .hero-copy-wrap {
        padding-top:365px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-headline, .page-overview .section-hero .hero-copy-wrap .hero-eyebrow {
        margin-left: auto;
        margin-right: auto;
        max-width:300px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-headline {
        margin-top:10px
    }
}

.page-overview .section-hero .hero-copy-wrap .hero-intro {
    margin-top: 40px;
    padding:0px 30px
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .hero-copy-wrap .hero-intro {
        margin-top: 30px;
        padding:0px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .hero-copy-wrap .hero-intro {
        margin-top:44px
    }
}

.page-overview .section-hero .hw-image {
    position: absolute;
    left: 50%;
    top:0
}



.page-overview .section-hero .image-ipad-center1 {
    z-index: 8;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 556px;
    height: 426px;
    background-size: 556px 426px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_large.png");
    margin-left:-278px
}

@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) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center1 {
        width: 479px;
        height: 368px;
        background-size: 479px 368px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_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) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center1 {
        width: 236px;
        height: 181px;
        background-size: 236px 181px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center1 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center1__s52z15bi99my_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center1 {
        margin-left:-239.5px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center1 {
        margin-left:-118px
    }
}

.page-overview .section-hero .image-ipad-center2 {
    z-index: 10;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 1554px;
    height: 1190px;
    background-size: 1554px 1190px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_large.jpg");
    margin-left:-777px
}

@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) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_large_2x.jpg")
    }
}

@media only screen and (min-width: 1441px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 3241px;
        height: 2482px;
        background-size: 3241px 2482px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_xlarge.jpg")
    }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 1.5dppx), only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 1032px;
        height: 792px;
        background-size: 1032px 792px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_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) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center2 {
        width: 736px;
        height: 564px;
        background-size: 736px 564px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center2 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center2__duf0mdu1dd8i_small_2x.jpg")
    }
}

@media only screen and (min-width: 1441px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left:-1620.5px
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left:-516px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center2 {
        margin-left:-368px
    }
}

.page-overview .section-hero .image-ipad-center3 {
    z-index: 9;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    display:none
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center3 {
        display: block;
        margin-left:-368px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-center3 {
        width: 736px;
        height: 564px;
        background-size: 736px 564px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center3__djpn5xa0ji4i_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-center3 {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_center3__djpn5xa0ji4i_small_2x.jpg")
    }
}

.page-overview .section-hero .image-ipad-top {
    width: 465px;
    height: 337px;
    background-size: 465px 337px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_large.jpg");
    margin-top: -298px;
    margin-left:-268px
}

@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) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-top {
        width: 422px;
        height: 305px;
        background-size: 422px 305px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_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) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-top {
        width: 206px;
        height: 149px;
        background-size: 206px 149px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-ipad-top {
        background-image: url("/euro/business/c/generic/images/overview/hero_ipad_top__xe8akbwavrme_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-ipad-top {
        margin-top: -273px;
        margin-left:-241px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-ipad-top {
        margin-top: -117px;
        margin-left:-117px
    }
}

.page-overview .section-hero .image-macmini-right {
    width: 370px;
    height: 370px;
    background-size: 370px 370px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_large.jpg");
    margin-top: -88px;
    margin-left:384px
}

@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) {
    .page-overview .section-hero .image-macmini-right {
        background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macmini-right {
        width: 242px;
        height: 372px;
        background-size: 242px 372px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_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) {
    .page-overview .section-hero .image-macmini-right {
        background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macmini-right {
        width: 181px;
        height: 181px;
        background-size: 181px 181px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-macmini-right {
        background-image: url("/euro/business/c/generic/images/overview/hero_macmini_right__gakngk0g9daq_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macmini-right {
        margin-top: -88px;
        margin-left:291px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macmini-right {
        margin-top: -51px;
        margin-left:136px
    }
}

.page-overview .section-hero .image-iphone {
    z-index: -1;
    width: 143px;
    height: 279px;
    background-size: 143px 279px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_large.jpg");
    margin-top: 428px;
    margin-left:390px
}

@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) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-iphone {
        width: 125px;
        height: 247px;
        background-size: 125px 247px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_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) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-iphone {
        width: 65px;
        height: 129px;
        background-size: 65px 129px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-iphone {
        background-image: url("/euro/business/c/generic/images/overview/hero_iphone__c37t4kt0o0a6_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-iphone {
        margin-top: 352px;
        margin-left:305px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-iphone {
        margin-top: 163px;
        margin-left:136px
    }
}

.page-overview .section-hero .image-macbook {
    z-index: -1;
    width: 679px;
    height: 464px;
    background-size: 679px 464px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_large.png");
    margin-top: 270px;
    margin-left:-1005px
}

@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) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macbook {
        width: 261px;
        height: 467px;
        background-size: 261px 467px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_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) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macbook {
        width: 242px;
        height: 256px;
        background-size: 242px 256px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-macbook {
        background-image: url("/euro/business/c/generic/images/overview/hero_macbook__ekcbds4u94a6_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-macbook {
        margin-top: 258px;
        margin-left:-555px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-macbook {
        margin-top: 112px;
        margin-left:-370px
    }
}

.page-overview .section-hero .image-watch {
    width: 78px;
    height: 130px;
    background-size: 78px 130px;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_large.png");
    margin-top: 80px;
    margin-left:-420px
}

@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) {
    .page-overview .section-hero .image-watch {
        background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-watch {
        width: 69px;
        height: 116px;
        background-size: 69px 116px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_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) {
    .page-overview .section-hero .image-watch {
        background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-watch {
        width: 35px;
        height: 57px;
        background-size: 35px 57px;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-hero .image-watch {
        background-image: url("/euro/business/c/generic/images/overview/hero_watch__cx1xvtzlk402_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-hero .image-watch {
        margin-top: 76px;
        margin-left:-345px
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-hero .image-watch {
        margin-top: 54px;
        margin-left:-163px
    }
}

html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container, html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container, html.no-js .page-overview .section-hero .intro-container, html.reduced-motion .page-overview .section-hero .intro-container, html.hero-fallback .page-overview .section-hero .intro-container {
    height: auto;
    opacity: 1;
    -webkit-transition: 0s opacity 0s;
    transition: 0s opacity 0s;
    min-height:0
}

html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky, html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky, html.no-js .page-overview .section-hero .sticky, html.reduced-motion .page-overview .section-hero .sticky, html.hero-fallback .page-overview .section-hero .sticky {
    position: relative;
    min-height:0
}

html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container, html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container, html.no-js .page-overview .section-hero .section-content-container, html.reduced-motion .page-overview .section-hero .section-content-container, html.hero-fallback .page-overview .section-hero .section-content-container {
    margin-top:calc(var(--ribbon-height) + var(--localnav-height) + var(--globalnav-height))
}

html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container {
    margin-top:264px
}

@media only screen and (max-width: 734px) {
    html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container, html.no-js.text-zoom .page-overview .section-hero .section-content-container, html.reduced-motion.text-zoom .page-overview .section-hero .section-content-container, html.hero-fallback.text-zoom .page-overview .section-hero .section-content-container {
        margin-top:286px
    }
}

html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1, html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1, html.no-js .page-overview .section-hero .image-ipad-center1, html.reduced-motion .page-overview .section-hero .image-ipad-center1, html.hero-fallback .page-overview .section-hero .image-ipad-center1 {
    margin-top:var(--main-ipad-top)
}

html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3, html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3, html.no-js .page-overview .section-hero .image-ipad-center2, html.no-js .page-overview .section-hero .image-ipad-center3, html.reduced-motion .page-overview .section-hero .image-ipad-center2, html.reduced-motion .page-overview .section-hero .image-ipad-center3, html.hero-fallback .page-overview .section-hero .image-ipad-center2, html.hero-fallback .page-overview .section-hero .image-ipad-center3 {
    display:none
}

.page-overview .section-productivity .hero-poster-copy {
    padding-right: 4px;
    z-index:9
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .hero-poster-copy {
        padding-right:0
    }
}

.page-overview .section-productivity.section-hero-poster-background {
    margin-top:0
}






.page-overview .section-productivity .image-tile-hero {
    z-index: 2;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_large.jpg");
    background-size:cover
}

@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) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_large_2x.jpg")
    }
}

.page-overview .section-productivity .image-tile-hero::after {
    content: '';
    display: block;
    padding-bottom:66.63415%
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile-hero {
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_medium.jpg");
        background-size:cover
    }
}

@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) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_medium_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-productivity .image-tile-hero::after {
        content: '';
        display: block;
        padding-bottom:95.88015%
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-productivity .image-tile-hero {
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_small.jpg");
        background-size:cover
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-productivity .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/productivity_hero__bg8vwq9k7xea_small_2x.jpg")
    }
}



.page-overview .section-apple-at-work .image-tile-hero {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_large.jpg");
    background-size: cover;
    background-position: center center;
    background-position:top center
}

@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) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .page-overview .section-apple-at-work .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_medium.jpg");
        background-size: cover;
        background-position:center center
    }
}

@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) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .page-overview .section-apple-at-work .image-tile-hero {
        width: 100%;
        background-repeat: no-repeat;
        background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_small.jpg");
        background-size: cover;
        background-position:center center
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .page-overview .section-apple-at-work .image-tile-hero {
        background-image: url("/euro/business/c/generic/images/overview/router__i4ke067vzp2e_small_2x.jpg")
    }
}
/*------------------------------------*\
	END HERO CSS
\*------------------------------------*/