#ae-wrapper {
    --ae-height-nav: 65px;
    --ae-height-box: calc(100vh - var(--ae-height-nav) - 120px);
    --ae-height-full: calc(100vh - var(--ae-height-nav));
    --ae-mag-r: 33vh;
    --ae-gap: calc(15.625vw + -130px)
}

@font-face {
    font-family: AE-Manrope;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/manrope/Manrope-Bold.woff2) format("woff2"), url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/manrope/Manrope-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: AE-Manrope;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/manrope/Manrope-Medium.woff2) format("woff2"), url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/manrope/Manrope-Medium.woff) format("woff");
    font-style: normal;
    font-weight: 500
}

#ae-v3-nav-hack * {
    font-family: AE-Manrope, Manrope, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif
}

#ae-wrapper {
    letter-spacing: calc(-.03783em + .52609px);
    font-family: AE-Manrope, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
    font-size: calc(.2589vw + 15.02913px);
    padding: 0;
    margin: 0;
    font-weight: 500;
    color: #1e2022;
    font-feature-settings: 'case'1;
    background: #fff
}

#ae-wrapper *,
#ae-wrapper ::after,
#ae-wrapper ::before {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    letter-spacing: calc(-.03783em + .52609px)
}

#ae-wrapper ::-moz-selection {
    background: rgba(210, 10, 44, .8)
}

#ae-wrapper ::selection {
    background: rgba(210, 10, 44, .8)
}

#ae-wrapper ::-moz-selection {
    background: rgba(210, 10, 44, .8)
}

#ae-wrapper ::-webkit-selection {
    background: rgba(210, 10, 44, .8)
}

#ae-wrapper a:link,
#ae-wrapper a:visited {
    color: #ce0e2d;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

#ae-wrapper a:hover {
    color: #211d1e
}

#ae-wrapper a.ae-inverted:link,
#ae-wrapper a.ae-inverted:visited {
    color: #f6f4f5
}

#ae-wrapper a.ae-inverted:hover {
    color: #ce0e2d
}

#ae-wrapper p {
    margin-top: .5em;
    margin-bottom: .5em;
    line-height: 1.6em
}

#ae-wrapper p small {
    display: block;
    line-height: 1.2em;
    margin-top: .8em
}

#ae-wrapper p.ae-text-large {
    font-size: calc(1.0356vw + 12.1165px)
}

#ae-wrapper .h1,
#ae-wrapper .h2,
#ae-wrapper .h3,
#ae-wrapper .h4,
#ae-wrapper .h5,
#ae-wrapper .h6,
#ae-wrapper h1,
#ae-wrapper h2,
#ae-wrapper h3,
#ae-wrapper h4,
#ae-wrapper h5,
#ae-wrapper h6 {
    line-height: 1.25em;
    margin: 0
}

#ae-wrapper .h1,
#ae-wrapper h1 {
    font-size: calc(4.66019vw + 30.52427px);
    font-weight: 700
}

#ae-wrapper .h2,
#ae-wrapper h2 {
    font-size: calc(2.0712vw + 40.23301px);
    font-weight: 700
}

#ae-wrapper .h3,
#ae-wrapper h3 {
    font-size: calc(1.0356vw + 28.1165px);
    font-weight: 700;
    margin-bottom: .625em
}

#ae-wrapper .h3>span,
#ae-wrapper h3>span {
    opacity: .5
}

#ae-wrapper .h4,
#ae-wrapper h4 {
    font-size: calc(1.0356vw + 20.1165px);
    font-weight: 700
}

#ae-wrapper .h5,
#ae-wrapper h5 {
    font-size: calc(.7767vw + 17.08738px);
    font-weight: 700
}

#ae-wrapper .h6,
#ae-wrapper h6 {
    font-size: calc(.19417vw + 10.27184px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em
}

#ae-wrapper .ae-d-none {
    display: none
}

#ae-wrapper strong {
    font-weight: 700
}

html[lang=ja-JP] #ae-wrapper *,
html[lang=ko-KR] #ae-wrapper *,
html[lang=zh-CN] #ae-wrapper * {
    letter-spacing: 0
}

html[lang=ja-JP] #ae-wrapper #ae-nav a:link span,
html[lang=ja-JP] #ae-wrapper #ae-nav a:visited span,
html[lang=ko-KR] #ae-wrapper #ae-nav a:link span,
html[lang=ko-KR] #ae-wrapper #ae-nav a:visited span,
html[lang=zh-CN] #ae-wrapper #ae-nav a:link span,
html[lang=zh-CN] #ae-wrapper #ae-nav a:visited span {
    white-space: nowrap;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    left: -1px
}

html[lang=ja-JP] #ae-wrapper #ae-nav a:link.ae-active span,
html[lang=ja-JP] #ae-wrapper #ae-nav a:visited.ae-active span,
html[lang=ko-KR] #ae-wrapper #ae-nav a:link.ae-active span,
html[lang=ko-KR] #ae-wrapper #ae-nav a:visited.ae-active span,
html[lang=zh-CN] #ae-wrapper #ae-nav a:link.ae-active span,
html[lang=zh-CN] #ae-wrapper #ae-nav a:visited.ae-active span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

html[lang=ja-JP] #ae-wrapper #ae-nav a:hover span,
html[lang=ko-KR] #ae-wrapper #ae-nav a:hover span,
html[lang=zh-CN] #ae-wrapper #ae-nav a:hover span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-aspect-ratio:2001 / 3000) and (min-height:750px) {

    html[lang=ja-JP] .ae-narrow-center,
    html[lang=ko-KR] .ae-narrow-center,
    html[lang=zh-CN] .ae-narrow-center {
        max-width: 100vh
    }
}

html[lang=my-MM] #ae-wrapper .h1,
html[lang=my-MM] #ae-wrapper .h2,
html[lang=my-MM] #ae-wrapper .h3,
html[lang=my-MM] #ae-wrapper .h4,
html[lang=my-MM] #ae-wrapper .h5,
html[lang=my-MM] #ae-wrapper .h6,
html[lang=my-MM] #ae-wrapper h1,
html[lang=my-MM] #ae-wrapper h2,
html[lang=my-MM] #ae-wrapper h3,
html[lang=my-MM] #ae-wrapper h4,
html[lang=my-MM] #ae-wrapper h5,
html[lang=my-MM] #ae-wrapper h6 {
    line-height: 1.6em !important
}

html[lang=zh-CN] #ae-wrapper .h1,
html[lang=zh-CN] #ae-wrapper h1,
html[lang=zh-HK] #ae-wrapper .h1,
html[lang=zh-HK] #ae-wrapper h1,
html[lang=zh-TW] #ae-wrapper .h1,
html[lang=zh-TW] #ae-wrapper h1 {
    font-size: calc(3.8835vw + 45.43689px)
}

html[lang=zh-CN] #ae-wrapper #ae-kv-slogan,
html[lang=zh-HK] #ae-wrapper #ae-kv-slogan,
html[lang=zh-TW] #ae-wrapper #ae-kv-slogan {
    font-size: calc(5.17799vw + 60.58252px)
}

@media (min-width:360px) and (max-aspect-ratio:1 / 1) {

    html[lang=zh-CN] #ae-wrapper .ae-narrow-center,
    html[lang=zh-HK] #ae-wrapper .ae-narrow-center,
    html[lang=zh-TW] #ae-wrapper .ae-narrow-center {
        max-width: 80%;
        margin: 0 auto
    }
}

@media (max-width:359px) {

    html[lang=zh-CN] #ae-wrapper .ae-narrow-center,
    html[lang=zh-HK] #ae-wrapper .ae-narrow-center,
    html[lang=zh-TW] #ae-wrapper .ae-narrow-center {
        max-width: 100%
    }
}

html[lang=bg-BG] #ae-wrapper p.ae-text-large,
html[lang=de-AT] #ae-wrapper p.ae-text-large,
html[lang=de-CH] #ae-wrapper p.ae-text-large,
html[lang=de-DE] #ae-wrapper p.ae-text-large,
html[lang=fi-FI] #ae-wrapper p.ae-text-large,
html[lang=lt-LT] #ae-wrapper p.ae-text-large,
html[lang=ru-RU] #ae-wrapper p.ae-text-large,
html[lang=uk-UA] #ae-wrapper p.ae-text-large {
    font-size: calc(.90615vw + 10.60194px)
}

html[lang=bg-BG] #ae-wrapper .h1,
html[lang=bg-BG] #ae-wrapper h1,
html[lang=de-AT] #ae-wrapper .h1,
html[lang=de-AT] #ae-wrapper h1,
html[lang=de-CH] #ae-wrapper .h1,
html[lang=de-CH] #ae-wrapper h1,
html[lang=de-DE] #ae-wrapper .h1,
html[lang=de-DE] #ae-wrapper h1,
html[lang=fi-FI] #ae-wrapper .h1,
html[lang=fi-FI] #ae-wrapper h1,
html[lang=lt-LT] #ae-wrapper .h1,
html[lang=lt-LT] #ae-wrapper h1,
html[lang=ru-RU] #ae-wrapper .h1,
html[lang=ru-RU] #ae-wrapper h1,
html[lang=uk-UA] #ae-wrapper .h1,
html[lang=uk-UA] #ae-wrapper h1 {
    font-size: calc(2.0712vw + 40.23301px)
}

html[lang=bg-BG] #ae-wrapper .h2,
html[lang=bg-BG] #ae-wrapper h2,
html[lang=de-AT] #ae-wrapper .h2,
html[lang=de-AT] #ae-wrapper h2,
html[lang=de-CH] #ae-wrapper .h2,
html[lang=de-CH] #ae-wrapper h2,
html[lang=de-DE] #ae-wrapper .h2,
html[lang=de-DE] #ae-wrapper h2,
html[lang=fi-FI] #ae-wrapper .h2,
html[lang=fi-FI] #ae-wrapper h2,
html[lang=lt-LT] #ae-wrapper .h2,
html[lang=lt-LT] #ae-wrapper h2,
html[lang=ru-RU] #ae-wrapper .h2,
html[lang=ru-RU] #ae-wrapper h2,
html[lang=uk-UA] #ae-wrapper .h2,
html[lang=uk-UA] #ae-wrapper h2 {
    font-size: calc(1.0356vw + 28.1165px)
}

html[lang=bg-BG] #ae-wrapper .h3,
html[lang=bg-BG] #ae-wrapper h3,
html[lang=de-AT] #ae-wrapper .h3,
html[lang=de-AT] #ae-wrapper h3,
html[lang=de-CH] #ae-wrapper .h3,
html[lang=de-CH] #ae-wrapper h3,
html[lang=de-DE] #ae-wrapper .h3,
html[lang=de-DE] #ae-wrapper h3,
html[lang=fi-FI] #ae-wrapper .h3,
html[lang=fi-FI] #ae-wrapper h3,
html[lang=lt-LT] #ae-wrapper .h3,
html[lang=lt-LT] #ae-wrapper h3,
html[lang=ru-RU] #ae-wrapper .h3,
html[lang=ru-RU] #ae-wrapper h3,
html[lang=uk-UA] #ae-wrapper .h3,
html[lang=uk-UA] #ae-wrapper h3 {
    font-size: calc(1.0356vw + 20.1165px)
}

html[lang=bg-BG] #ae-wrapper .h4,
html[lang=bg-BG] #ae-wrapper h4,
html[lang=de-AT] #ae-wrapper .h4,
html[lang=de-AT] #ae-wrapper h4,
html[lang=de-CH] #ae-wrapper .h4,
html[lang=de-CH] #ae-wrapper h4,
html[lang=de-DE] #ae-wrapper .h4,
html[lang=de-DE] #ae-wrapper h4,
html[lang=fi-FI] #ae-wrapper .h4,
html[lang=fi-FI] #ae-wrapper h4,
html[lang=lt-LT] #ae-wrapper .h4,
html[lang=lt-LT] #ae-wrapper h4,
html[lang=ru-RU] #ae-wrapper .h4,
html[lang=ru-RU] #ae-wrapper h4,
html[lang=uk-UA] #ae-wrapper .h4,
html[lang=uk-UA] #ae-wrapper h4 {
    font-size: calc(.7767vw + 17.08738px)
}

html[lang=bg-BG] #ae-wrapper .h5,
html[lang=bg-BG] #ae-wrapper h5,
html[lang=de-AT] #ae-wrapper .h5,
html[lang=de-AT] #ae-wrapper h5,
html[lang=de-CH] #ae-wrapper .h5,
html[lang=de-CH] #ae-wrapper h5,
html[lang=de-DE] #ae-wrapper .h5,
html[lang=de-DE] #ae-wrapper h5,
html[lang=fi-FI] #ae-wrapper .h5,
html[lang=fi-FI] #ae-wrapper h5,
html[lang=lt-LT] #ae-wrapper .h5,
html[lang=lt-LT] #ae-wrapper h5,
html[lang=ru-RU] #ae-wrapper .h5,
html[lang=ru-RU] #ae-wrapper h5,
html[lang=uk-UA] #ae-wrapper .h5,
html[lang=uk-UA] #ae-wrapper h5 {
    font-size: calc(.5178vw + 14.05825px)
}

html[lang=bg-BG] #ae-wrapper .h6,
html[lang=bg-BG] #ae-wrapper h6,
html[lang=de-AT] #ae-wrapper .h6,
html[lang=de-AT] #ae-wrapper h6,
html[lang=de-CH] #ae-wrapper .h6,
html[lang=de-CH] #ae-wrapper h6,
html[lang=de-DE] #ae-wrapper .h6,
html[lang=de-DE] #ae-wrapper h6,
html[lang=fi-FI] #ae-wrapper .h6,
html[lang=fi-FI] #ae-wrapper h6,
html[lang=lt-LT] #ae-wrapper .h6,
html[lang=lt-LT] #ae-wrapper h6,
html[lang=ru-RU] #ae-wrapper .h6,
html[lang=ru-RU] #ae-wrapper h6,
html[lang=uk-UA] #ae-wrapper .h6,
html[lang=uk-UA] #ae-wrapper h6 {
    font-size: calc(.19417vw + 10.27184px)
}

html[lang=zh-CN] #ae-wrapper {
    font-family: AE-Manrope, "Noto Sans CJK SC", "Noto Sans SC", "PingFang SC", sans-serif
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-sc/noto-sans-sc-v10-chinese-simplified-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Noto Sans SC';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-sc/noto-sans-sc-v10-chinese-simplified-500.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=zh-HK] #ae-wrapper,
html[lang=zh-TW] #ae-wrapper {
    font-family: AE-Manrope, "PingFang TC", "Noto Sans CJK TC", "Noto Sans TC", sans-serif
}

@font-face {
    font-family: 'Noto Sans TC';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-tc/noto-sans-tc-v9-chinese-traditional-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Noto Sans TC';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-tc/noto-sans-tc-v9-chinese-traditional-500.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=ja-JP] #ae-wrapper {
    font-family: AE-Manrope, "Noto Sans CJK JP", "Noto Sans JP", sans-serif
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-jp/noto-sans-jp-v24-japanese-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-jp/noto-sans-jp-v24-japanese-500.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=ko-KR] #ae-wrapper {
    font-family: AE-Manrope, "Noto Sans CJK KR", "Noto Sans KR", sans-serif
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-kr/noto-sans-kr-v12-korean-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/noto-sans-kr/noto-sans-kr-v12-korean-500.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=ar-AE] #ae-wrapper,
html[lang=ar-BH] #ae-wrapper,
html[lang=ar-DZ] #ae-wrapper,
html[lang=ar-EG] #ae-wrapper,
html[lang=ar-JO] #ae-wrapper,
html[lang=ar-KW] #ae-wrapper,
html[lang=ar-MA] #ae-wrapper,
html[lang=ar-SA] #ae-wrapper,
html[lang=ar-TN] #ae-wrapper,
html[lang=ar-om] #ae-wrapper,
html[lang=ar-qa] #ae-wrapper {
    font-family: AE-Manrope, Cairo, sans-serif
}

html[lang=ar-AE] #ae-wrapper *,
html[lang=ar-BH] #ae-wrapper *,
html[lang=ar-DZ] #ae-wrapper *,
html[lang=ar-EG] #ae-wrapper *,
html[lang=ar-JO] #ae-wrapper *,
html[lang=ar-KW] #ae-wrapper *,
html[lang=ar-MA] #ae-wrapper *,
html[lang=ar-SA] #ae-wrapper *,
html[lang=ar-TN] #ae-wrapper *,
html[lang=ar-om] #ae-wrapper *,
html[lang=ar-qa] #ae-wrapper * {
    letter-spacing: -.01em !important
}

html[dir=rtl] #ae-intro-kv-top img {
    right: auto !important
}

html[dir=rtl] .ae-disclaimer {
    padding: 0 1.8em 0 0 !important
}

html[dir=rtl] .ae-disclaimer li {
    padding-right: 0 !important;
    padding-right: .5em
}

html[dir=rtl] .ae-comparison-row>div {
    margin-right: 0 !important;
    margin-left: 30px
}

html[dir=rtl] .ae-comparison-row>div:last-child {
    margin-left: 0
}

html[dir=rtl] #ae-comparison[data-active='1'] .ae-comparison-row {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

html[dir=rtl] #ae-comparison[data-active='2'] .ae-comparison-row {
    -webkit-transform: translateX(calc(50vw - var(--ae-gap) + 15px)) !important;
    transform: translateX(calc(50vw - var(--ae-gap) + 15px)) !important
}

@media (max-aspect-ratio:1 / 1) {
    html[dir=rtl] .ae-sample-overflow picture {
        margin-right: 0;
        margin-left: 15px
    }

    html[dir=rtl] .ae-sample-overflow picture:last-child {
        margin-left: 0
    }
}

@font-face {
    font-family: Cairo;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/cairo-ar/cairo-v6-arabic-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Cairo;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/cairo-ar/cairo-v6-arabic-600.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=iw-IL] #ae-wrapper {
    font-family: AE-Manrope, Assistant, sans-serif
}

@font-face {
    font-family: Assistant;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/assistant-il/assistant-v4-hebrew-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Assistant;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/assistant-il/assistant-v4-hebrew-regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

html[lang=th-TH] #ae-wrapper {
    font-family: AE-Manrope, Sarabun, sans-serif
}

@font-face {
    font-family: Sarabun;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/sarabun-th/sarabun-v7-thai-700.woff2) format("woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Sarabun;
    src: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/fonts/sarabun-th/sarabun-v7-thai-500.woff2) format("woff2");
    font-style: normal;
    font-weight: 500
}

.ae-img-fluid img {
    display: block;
    width: 100%
}

#ae-wrapper sup {
    font-size: .6em;
    font-weight: 700;
    vertical-align: baseline;
    position: relative;
    top: -.5em;
    z-index: 1
}

#ae-wrapper sup a:link,
#ae-wrapper sup a:visited {
    color: #211d1e
}

#ae-wrapper sup a:hover {
    color: #ce0e2d
}

#ae-wrapper .ae-inverted a:link,
#ae-wrapper .ae-inverted a:visited,
#ae-wrapper .ae-inverted-container a:link,
#ae-wrapper .ae-inverted-container a:visited {
    color: #f6f4f5;
    text-decoration: underline
}

#ae-wrapper .ae-inverted a:hover,
#ae-wrapper .ae-inverted-container a:hover {
    color: #ce0e2d
}

#ae-wrapper .ae-inverted sup a:link,
#ae-wrapper .ae-inverted sup a:visited,
#ae-wrapper .ae-inverted-container sup a:link,
#ae-wrapper .ae-inverted-container sup a:visited {
    color: #f6f4f5;
    text-decoration: none
}

#ae-wrapper .ae-inverted sup a:hover,
#ae-wrapper .ae-inverted-container sup a:hover {
    color: #ce0e2d
}

.ae-container {
    width: calc(81.87702vw + 7.96117px);
    margin: 0 auto
}

.ae-section {
    background: #fff
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-compensate-height-box {
        margin-top: calc((var(--ae-height-nav) * 2) - 100vh)
    }
}

.ae-narrow-center {
    text-align: center
}

@media (min-aspect-ratio:2001 / 3000) and (min-height:750px) {
    .ae-narrow-center {
        max-width: 120vh;
        margin: 0 auto
    }
}

.ae-gray-container {
    background: #f6f4f5
}

.ae-inverted {
    color: #f6f4f5
}

.ae-inverted-container {
    background: #000;
    box-shadow: 0 2px #000;
    color: #f6f4f5
}

.ae-inverted-container .ae-gray-container {
    background: #211d1e
}

.ae-center {
    text-align: center
}

#ae-wrapper .ae-button-md,
#ae-wrapper .ae-button-md:link,
#ae-wrapper .ae-button-md:visited {
    background: #211d1e;
    color: #f6f4f5;
    border-radius: 1.25em;
    font-size: calc(.2589vw + 15.02913px);
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    border: 0 solid transparent;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 1.25em;
    width: auto;
    font-weight: 700;
    font-family: inherit;
    user-select: none;
    -webkit-user-select: none;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    overflow: hidden;
    text-decoration: none !important
}

#ae-wrapper .ae-button-md:focus {
    outline: 0
}

#ae-wrapper .ae-button-md:hover {
    cursor: pointer;
    background: #494546
}

#ae-wrapper .ae-button-md span {
    display: block
}

#ae-wrapper .ae-button-md>span {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

#ae-wrapper .ae-active .ae-button-md>span {
    -webkit-transform: translateY(-2.5em);
    transform: translateY(-2.5em)
}

#ae-wrapper .ae-inverted-container .ae-button-md,
#ae-wrapper .ae-inverted-container a.ae-button-md:link,
#ae-wrapper .ae-inverted-container a.ae-button-md:visited {
    background: #f6f4f5;
    color: #211d1e
}

#ae-wrapper .ae-inverted-container .ae-button-md:hover {
    background: #494546
}

.ae-space-lg,
.ae-space-md,
.ae-space-sm,
.ae-space-xlg,
.ae-space-xs,
.ae-space-xxs {
    display: block
}

.ae-space-xlg {
    height: calc(6.47249vw + 75.72816px)
}

.ae-space-lg {
    height: calc(3.8835vw + 45.43689px)
}

.ae-space-md {
    height: calc(1.94175vw + 42.71845px)
}

.ae-space-sm {
    height: calc(1.2945vw + 35.14563px)
}

.ae-space-xs {
    height: calc(.64725vw + 27.57282px)
}

.ae-space-xxs {
    height: calc(.97087vw + 11.35922px)
}

.ae-nav-container {
    z-index: 20;
    position: relative
}

#ae-nav {
    display: none
}

@media (min-aspect-ratio:1001 / 1000) {
    @supports (mix-blend-mode:difference) {
        #ae-wrapper:not(.ae-performance-low) #ae-nav {
            display: -webkit-box;
            display: flex
        }

        #ae-wrapper:not(.ae-performance-low) #ae-design {
            margin-top: calc(var(--ae-height-nav) - 100vh)
        }
    }

    .ae-hidden-lg {
        display: none !important
    }
}

@media (max-aspect-ratio:1 / 1) {
    .ae-hidden-xs {
        display: none !important
    }

    .ae-text-center-xs {
        text-align: center
    }
}

.ae-hidden-mouse {
    display: block
}

.ae-hidden-touch {
    display: none
}

@media (pointer:coarse) {
    .ae-hidden-mouse {
        display: none
    }

    .ae-hidden-touch {
        display: block
    }
}

.ae-hidden-observer {
    display: none
}

#ae-nav {
    position: -webkit-sticky;
    position: sticky;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    left: 0;
    width: calc(9.06149vw + -3.98058px);
    top: calc(var(--ae-height-nav) + 60px);
    margin-bottom: 60px !important;
    height: 70vh;
    height: var(--ae-height-box);
    white-space: nowrap;
    z-index: 100;
    mix-blend-mode: difference
}

#ae-nav svg {
    left: 6px;
    top: 6px;
    width: 18px;
    height: 18px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    -webkit-transform: scale(.5) rotate(0);
    transform: scale(.5) rotate(0)
}

#ae-nav svg circle {
    stroke: #211d1e;
    stroke-width: 2px;
    fill: none;
    stroke-linecap: butt;
    stroke-dasharray: 49.9416;
    stroke-dashoffset: 49.9416;
    -webkit-transition: stroke .5s ease;
    transition: stroke .5s ease
}

#ae-nav a:link,
#ae-nav a:visited {
    width: 16px;
    padding: 28px 7px 2px 7px;
    color: #211d1e;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    box-sizing: content-box
}

#ae-nav a:link.ae-active span,
#ae-nav a:visited.ae-active span {
    opacity: 1;
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg)
}

#ae-nav a:link.ae-active svg,
#ae-nav a:visited.ae-active svg {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg)
}

#ae-nav a:link.ae-active::before,
#ae-nav a:visited.ae-active::before {
    background: 0 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#ae-nav a:link::before,
#ae-nav a:visited::before {
    position: absolute;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 9px;
    left: 6px;
    top: 6px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #211d1e;
    box-shadow: inset 0 0 0 2px rgba(30, 32, 34, .25);
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

#ae-nav a:link span,
#ae-nav a:visited span {
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 16px;
    opacity: 0;
    letter-spacing: 2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(.75) rotate(180deg);
    transform: scale(.75) rotate(180deg);
    position: relative
}

#ae-nav a:hover span {
    opacity: 1;
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg)
}

#ae-nav circle {
    stroke: #fff !important
}

#ae-nav a:link,
#ae-nav a:visited {
    color: #fff
}

#ae-nav a:link.ae-active::before,
#ae-nav a:visited.ae-active::before {
    background: 0 0
}

#ae-nav a:link::before,
#ae-nav a:visited::before {
    background: #fff;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 245, .25)
}

#ae-nav a[data-id="1"].ae-active,
#ae-nav a[data-id="1"]:hover {
    height: var(--ae-nav-1)
}

#ae-nav a[data-id="2"].ae-active,
#ae-nav a[data-id="2"]:hover {
    height: var(--ae-nav-2)
}

#ae-nav a[data-id="3"].ae-active,
#ae-nav a[data-id="3"]:hover {
    height: var(--ae-nav-3)
}

#ae-nav a[data-id="4"].ae-active,
#ae-nav a[data-id="4"]:hover {
    height: var(--ae-nav-4)
}

#ae-nav a[data-id="5"].ae-active,
#ae-nav a[data-id="5"]:hover {
    height: var(--ae-nav-5)
}

#ae-nav a[data-id="6"].ae-active,
#ae-nav a[data-id="6"]:hover {
    height: var(--ae-nav-6)
}

#ae-nav a[data-id="7"].ae-active,
#ae-nav a[data-id="7"]:hover {
    height: var(--ae-nav-7)
}

#ae-nav a[data-id="8"].ae-active,
#ae-nav a[data-id="8"]:hover {
    height: var(--ae-nav-8)
}

#ae-nav a[data-id="9"].ae-active,
#ae-nav a[data-id="9"]:hover {
    height: var(--ae-nav-9)
}

.ae-observe {
    position: relative
}

.ae-trigger {
    position: absolute
}

.blur-up {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

#ae-fullscreen-video {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999 !important;
    background: rgba(0, 0, 0, .8);
    display: none
}

#ae-fullscreen-video.ae-active {
    display: block
}

#ae-fullscreen-video.ae-transition {
    -webkit-animation: aeVideoIn .5s forwards;
    animation: aeVideoIn .5s forwards
}

#ae-fullscreen-video video {
    max-width: 90%;
    max-height: 90vh;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .5)
}

#ae-fullscreen-close span {
    display: block;
    position: relative;
    top: -.025em
}

a#ae-fullscreen-close:link,
a#ae-fullscreen-close:visited {
    width: 48px;
    height: 48px;
    background: #f6f4f5;
    color: #211d1e;
    line-height: 48px;
    border-radius: 24px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    right: 24px;
    top: 24px;
    text-decoration: none;
    -webkit-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    z-index: 100
}

a#ae-fullscreen-close:hover {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

@-webkit-keyframes aeVideoIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes aeVideoIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#ae-wrapper {
    --ae-height-nav: 65px;
    --ae-height-box: calc(100vh - var(--ae-height-nav) - 120px);
    --ae-height-full: calc(100vh - var(--ae-height-nav));
    --ae-mag-r: 33vh;
    --ae-gap: calc(15.625vw + -130px)
}

.ae-sample-overflow img {
    width: 100%;
    display: block;
    border-radius: calc(.97087vw + 11.35922px)
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-sample-overflow {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .ae-sample-overflow picture {
        width: calc(33% - 40px)
    }
}

@media (max-aspect-ratio:1 / 1) {
    .ae-sample-overflow {
        overflow-x: scroll;
        width: auto;
        padding: 0 calc(9.06149vw - 3.98058px);
        white-space: nowrap
    }

    .ae-sample-overflow picture {
        display: inline-block !important;
        width: 72vw;
        margin-right: 15px
    }

    .ae-sample-overflow picture:last-child {
        margin-right: 0
    }

    #photo-macro-sample {
        width: auto
    }

    #photo-macro-sample picture {
        border-radius: 0 !important
    }
}

a.ae-play:link,
a.ae-play:visited {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
    -webkit-transition: -webkit-transform .2s ease !important;
    transition: -webkit-transform .2s ease !important;
    transition: transform .2s ease !important;
    transition: transform .2s ease, -webkit-transform .2s ease !important;
    color: #fff !important;
    z-index: 5;
    font-size: 64px;
    text-decoration: none !important
}

a.ae-play:hover {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.ae-sample-grid p {
    text-align: center;
    padding-left: 10%;
    padding-right: 10%
}

.ae-sample-grid p picture {
    display: block
}

.ae-sample-grid p picture img {
    position: absolute
}

.ae-sample picture {
    display: block;
    -webkit-box-flex: 2;
    flex: 2;
    position: relative;
    overflow: hidden
}

.ae-sample picture::before {
    display: block;
    content: '';
    padding-top: 100%
}

.ae-sample picture img {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ae-sample-grid-4 picture::before,
.ae-sample-grid-5 picture::before {
    padding-top: 133.38%
}

.ae-sample-grid-6 picture::before {
    padding-top: 87.6%
}

.ae-sample-grid-10 picture::before {
    padding-top: 42.8481% !important
}

.ae-sample-grid-8 picture::before {
    padding-top: 56.23% !important
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .ae-sample picture img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        min-height: auto;
        min-width: auto;
        left: auto;
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-sample-grid {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .ae-sample-grid-4 {
        width: calc(40% - 30px)
    }

    .ae-sample-grid-5 {
        width: calc(50% - 30px)
    }

    .ae-sample-grid-6 {
        width: calc(60% - 30px)
    }

    .ae-sample-grid-5.ae-sample-grid-col picture::before {
        padding-top: 100%
    }

    .ae-sample-grid-4,
    .ae-sample-grid-5,
    .ae-sample-grid-6 {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .ae-sample {
        width: 100%;
        position: relative
    }

    .ae-sample-grid-8 {
        width: 79.62%;
        margin: 0 auto
    }

    .ae-sample-grid-8 .ae-sample {
        display: block
    }

    .ae-sample-grid-10 {
        width: 100%
    }

    .ae-sample-grid-10 .ae-sample {
        display: block
    }
}

@media (max-aspect-ratio:1 / 1) {
    .ae-sample-grid p {
        padding-left: 0;
        padding-right: 0
    }

    .ae-sample-grid .ae-scroll {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    .ae-sample-grid-10 picture,
    .ae-sample-grid-6 picture,
    .ae-sample-grid-8 picture {
        border-radius: 0 !important;
        margin-left: calc(-9.06149vw + 3.98058px);
        margin-right: calc(-9.06149vw + 3.98058px)
    }
}

.ae-picture-change {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0
}

.ae-picture-change img {
    width: 100%;
    height: 100%;
    display: block
}

.ae-observe.ae-visible .ae-picture-change {
    -webkit-animation: 8s cubic-bezier(.5, .5, .2, 1) infinite aePictureChange;
    animation: 8s cubic-bezier(.5, .5, .2, 1) infinite aePictureChange
}

@-webkit-keyframes aePictureChange {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes aePictureChange {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.ae-sticky-1,
.ae-sticky-10,
.ae-sticky-2,
.ae-sticky-3,
.ae-sticky-4,
.ae-sticky-5,
.ae-sticky-6,
.ae-sticky-7,
.ae-sticky-8,
.ae-sticky-9 {
    position: relative;
    z-index: 1
}

.ae-sequence-scroll {
    width: 100%;
    position: absolute;
    height: 100vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ae-stuck {
    position: -webkit-sticky;
    position: sticky;
    height: var(--ae-height-full);
    top: var(--ae-height-nav);
    width: 100%
}

.ae-stuck img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ae-sticky-2 {
    height: 200vh
}

.ae-sticky-3 {
    height: 300vh
}

.ae-sticky-4 {
    height: 400vh
}

.ae-sticky-5 {
    height: 500vh
}

.ae-sticky-6 {
    height: 600vh
}

.ae-sticky-7 {
    height: 700vh
}

.ae-sticky-8 {
    height: 800vh
}

.ae-sticky-9 {
    height: 900vh
}

.ae-picture-rounded picture {
    border-radius: calc(.97087vw + 11.35922px);
    overflow: hidden;
    display: block
}

.ae-crop {
    border-radius: calc(.97087vw + 11.35922px);
    height: calc(100vh - 65px - 4vw);
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: calc(65px + 2vw);
    z-index: 1
}

.ae-crop-content {
    border-radius: calc(.97087vw + 11.35922px);
    height: 70vh;
    height: var(--ae-height-box);
    top: calc(var(--ae-height-nav) + 60px);
    position: -webkit-sticky;
    position: sticky;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.ae-crop-content.ae-img-fluid picture {
    width: 100%;
    height: 100%
}

.ae-crop-content.ae-img-fluid img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ae-crop-description {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 20
}

.ae-crop-description h3 {
    margin: 0
}

.ae-crop-picture {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ae-crop-picture picture {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ae-crop-picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ae-crop-fade {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background: #fff;
    z-index: 15
}

.ae-inverted-container .ae-crop-fade {
    background: #000
}

.ae-story-title {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, calc(-50% + var(--ae-height-nav)*.5));
    transform: translate(0, calc(-50% + var(--ae-height-nav)*.5));
    z-index: 50
}

.ae-story-title .ae-transform {
    opacity: 0
}

.ae-story-title h3 {
    top: -.18em;
    position: relative
}

.ae-story-back,
.ae-story-fade {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1
}

.ae-story-back video,
.ae-story-fade video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ae-story-fade {
    z-index: 2
}

.ae-story-fade .ae-transform {
    background: #fff;
    opacity: 0
}

.ae-inverted-container .ae-story-fade .ae-transform {
    background: #000
}

.ae-transform {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.ae-change-o-t {
    will-change: opacity, transform
}

.ae-change-o {
    will-change: opacity
}

.ae-change-cp {
    will-change: clip-path, -webkit-clip-path
}

.ae-slider {
    padding: 0;
    background: #211d1e;
    margin-bottom: 25vh
}

.ae-slider-wrapper {
    height: 70vh;
    height: var(--ae-height-box);
    display: -webkit-box;
    display: flex
}

.ae-slider-shifting {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
    transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
    transition: transform .5s cubic-bezier(.5, .5, .2, 1);
    transition: transform .5s cubic-bezier(.5, .5, .2, 1), -webkit-transform .5s cubic-bezier(.5, .5, .2, 1)
}

.ae-slider-item {
    position: relative;
    width: calc(81.87702vw + 7.96117px);
    height: 70vh;
    height: var(--ae-height-box);
    pointer-events: none
}

.ae-slider-item img {
    width: 100%;
    height: 70vh;
    height: var(--ae-height-box);
    -o-object-fit: cover;
    object-fit: cover
}

.ae-slider-text {
    position: absolute;
    color: #fff;
    bottom: .625rem;
    left: 0;
    padding: 1.25rem
}

.ae-columns picture img {
    width: 100%;
    max-width: 100%;
    display: block
}

.ae-columns-space-around {
    -webkit-box-pack: center;
    justify-content: center
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-columns {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center
    }

    .ae-columns-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }

    .ae-columns-4 {
        width: 38.86%
    }

    .ae-columns-5 {
        width: 49.05%
    }
}

.ae-frame-portrait picture:nth-child(1) img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 66vh
}

.ae-sticky-trigger {
    -webkit-box-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    posinter-events: none
}

.ae-sticky-trigger-content {
    padding: 25vh 0;
    z-index: 10;
    position: relative
}

.ae-sticky-trigger-content>div {
    margin: 0 0 10vh 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: .2;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: relative;
    will-change: opacity
}

.ae-sticky-trigger-picture {
    height: 70vh;
    height: var(--ae-height-box);
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--ae-height-nav) + 60px);
    overflow: hidden
}

.ae-sticky-trigger-picture>canvas {
    height: 100%;
    width: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ae-sticky-trigger-picture>div {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    opacity: 0;
    -webkit-transition: opacity .2s .2s ease;
    transition: opacity .2s .2s ease;
    will-change: opacity
}

.ae-sticky-trigger-picture>div img,
.ae-sticky-trigger-picture>div video {
    height: 100%;
    width: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ae-sticky-trigger-picture>div picture {
    background: #fff
}

.ae-sticky-trigger-picture>div.ae-picture-rounded img,
.ae-sticky-trigger-picture>div.ae-picture-rounded video {
    -o-object-fit: cover;
    object-fit: cover
}

.ae-inverted-container .ae-sticky-trigger-picture picture {
    background: #000
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-sticky-trigger-picture>div {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .ae-sticky-trigger-picture>div picture {
        display: block;
        overflow: hidden;
        height: 100%
    }

    #ae-photo-camera .ae-sticky-trigger-picture>div {
        top: auto;
        bottom: 0;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-aspect-ratio:4 / 3) {
    #ae-photo-camera .ae-sticky-trigger-picture>div {
        top: 0;
        bottom: auto
    }
}

.ae-sticky-trigger-picture {
    z-index: 20
}

#ae-photo-camera .ae-sticky-trigger-picture {
    margin: 0;
    top: calc(var(--ae-height-nav) + 30px)
}

#ae-photo-camera .ae-sticky-trigger-picture picture {
    background: 0 0 !important;
    overflow: visible !important
}

#ae-photo-camera .ae-sticky-trigger-content,
#ae-photo-superzoom .ae-sticky-trigger-content {
    z-index: 30
}

@media (max-aspect-ratio:1 / 1) {
    .ae-sticky-trigger-content {
        text-align: center
    }

    .ae-sticky-trigger-content>div:last-child {
        margin-bottom: 0
    }

    .ae-sticky-trigger-picture {
        box-shadow: 0 30px 30px 10px #fff;
        background: #fff;
        top: var(--ae-height-nav);
        max-height: 100vw;
        margin-bottom: 24vh;
        margin-left: calc(-9.06149vw + 3.98058px);
        margin-right: calc(-9.06149vw + 3.98058px)
    }

    .ae-sticky-trigger-picture .ae-picture-rounded picture {
        border-radius: 0 !important
    }

    .ae-sticky-trigger-picture>div img,
    .ae-sticky-trigger-picture>div video {
        -o-object-position: 50% 0;
        object-position: 50% 0
    }

    .ae-sticky-trigger-content {
        margin-top: -12vh;
        padding: 0
    }

    .ae-sticky-trigger-content>div {
        opacity: 0
    }

    #ae-photo-superzoom .ae-sticky-trigger-content {
        text-align: center !important
    }

    #ae-photo-camera .ae-sticky-trigger-picture {
        top: calc(var(--ae-height-nav));
        margin-left: calc(-9.06149vw + 3.98058px);
        margin-right: calc(-9.06149vw + 3.98058px)
    }

    #ae-photo-camera .ae-t-item.ae-space-xlg {
        margin: 0
    }

    #ae-power-options .ae-sticky-trigger-picture {
        margin-left: 0;
        margin-right: 0;
        max-height: 45vh;
        top: calc(var(--ae-height-nav) + 9.06149vw - 3.98058px)
    }

    #ae-power-options .ae-sticky-trigger-picture>div {
        height: 100%
    }

    .ae-inverted-container .ae-sticky-trigger-picture {
        box-shadow: 0 30px 30px 10px #000;
        background: #000
    }
}

@media (min-aspect-ratio:22 / 40) and (max-aspect-ratio:1 / 1) {
    .ae-sticky-trigger-picture {
        max-height: 50vh
    }
}

[data-active="0"] .ae-sticky-trigger-picture>div[data-id="0"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="0"] .ae-sticky-trigger-content>div[data-id="0"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="0"] .ae-sticky-trigger-content>div[data-id="1"] {
    opacity: .2
}

[data-active="1"] .ae-sticky-trigger-picture>div[data-id="1"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="1"] .ae-sticky-trigger-content>div[data-id="1"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="1"] .ae-sticky-trigger-content>div[data-id="2"] {
    opacity: .2
}

[data-active="2"] .ae-sticky-trigger-picture>div[data-id="2"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="2"] .ae-sticky-trigger-content>div[data-id="2"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="2"] .ae-sticky-trigger-content>div[data-id="3"] {
    opacity: .2
}

[data-active="3"] .ae-sticky-trigger-picture>div[data-id="3"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="3"] .ae-sticky-trigger-content>div[data-id="3"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="3"] .ae-sticky-trigger-content>div[data-id="4"] {
    opacity: .2
}

[data-active="4"] .ae-sticky-trigger-picture>div[data-id="4"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="4"] .ae-sticky-trigger-content>div[data-id="4"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="4"] .ae-sticky-trigger-content>div[data-id="5"] {
    opacity: .2
}

[data-active="5"] .ae-sticky-trigger-picture>div[data-id="5"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="5"] .ae-sticky-trigger-content>div[data-id="5"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="5"] .ae-sticky-trigger-content>div[data-id="6"] {
    opacity: .2
}

[data-active="6"] .ae-sticky-trigger-picture>div[data-id="6"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="6"] .ae-sticky-trigger-content>div[data-id="6"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="6"] .ae-sticky-trigger-content>div[data-id="7"] {
    opacity: .2
}

[data-active="7"] .ae-sticky-trigger-picture>div[data-id="7"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="7"] .ae-sticky-trigger-content>div[data-id="7"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="7"] .ae-sticky-trigger-content>div[data-id="8"] {
    opacity: .2
}

[data-active="8"] .ae-sticky-trigger-picture>div[data-id="8"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="8"] .ae-sticky-trigger-content>div[data-id="8"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="8"] .ae-sticky-trigger-content>div[data-id="9"] {
    opacity: .2
}

[data-active="9"] .ae-sticky-trigger-picture>div[data-id="9"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 11
}

[data-active="9"] .ae-sticky-trigger-content>div[data-id="9"] {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

[data-active="9"] .ae-sticky-trigger-content>div[data-id="10"] {
    opacity: .2
}

[data-scroll=aeTextOpacityIn] .ae-transform {
    opacity: 0
}

.ae-grid-columns {
    margin: 0 auto;
    width: 100%
}

.ae-grid-columns .ae-grid-row .ae-video::after,
.ae-grid-columns .ae-grid-row picture::after {
    display: none
}

.ae-grid-columns .ae-grid-picture {
    margin-bottom: 1em
}

.ae-grid-columns .ae-grid-picture .ae-video {
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    position: relative
}

.ae-grid-columns .ae-grid-picture video {
    width: 100%;
    height: 100%
}

.ae-inverted-container .ae-grid-columns.ae-grid-boxed>div {
    margin-bottom: 30px;
    background: #211d1e;
    border-radius: calc(.97087vw + 11.35922px);
    padding: calc(1.94175vw + 22.71845px);
    padding-bottom: 0 !important
}

.ae-inverted-container .ae-grid-columns.ae-grid-boxed>div.ae-grid-columns-ui .ae-img-fluid {
    margin-top: auto
}

.ae-inverted-container .ae-grid-columns.ae-grid-boxed>div.ae-grid-columns-ui.ae-grid-row {
    -webkit-box-align: start !important;
    align-items: flex-start !important
}

.ae-inverted-container .ae-grid-columns.ae-grid-boxed>div.ae-grid-row {
    padding: calc(1.94175vw + 22.71845px)
}

@media (min-aspect-ratio:1001 / 1000) {

    .ae-grid-columns-ui:nth-child(2) .ae-space-xs,
    .ae-grid-columns-ui:nth-child(2) .ae-space-xxs {
        display: none
    }

    .ae-grid-columns-ui:nth-child(2) .ae-img-fluid {
        margin-bottom: auto
    }

    .ae-grid-columns {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        max-width: 1258px;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .ae-grid-columns>div {
        width: calc(50% - 3.236vw - 37.864px);
        max-width: 614px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .ae-grid-columns.ae-grid-boxed>div {
        width: calc(50% - 15px)
    }

    .ae-grid-columns>div.ae-grid-row {
        width: 100%;
        max-width: 100%
    }

    #ae-security-grid .ae-grid-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center
    }

    #ae-security-grid .ae-grid-row>div:nth-child(1) {
        width: 50% !important;
        margin-right: calc(5.82524vw + 8.15534px)
    }

    html[dir=rtl] #ae-security-grid .ae-grid-row>div:nth-child(1) {
        margin-right: 0;
        margin-left: calc(5.82524vw + 8.15534px)
    }
}

#ae-security-grid .ae-center {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.ae-grid-icons {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1258px;
    margin: 0 auto;
    -webkit-box-align: stretch;
    align-items: stretch
}

.ae-grid-icons>div {
    width: 34%
}

.ae-grid-icons img {
    margin-bottom: 1em;
    max-width: 15vw
}

@media (max-aspect-ratio:1 / 1) {
    .ae-grid-icons {
        text-align: center
    }

    .ae-grid-icons>div {
        width: calc(50% - 15px)
    }
}

@media (max-width:600px) {
    .ae-grid-icons>div {
        width: auto !important
    }
}

#ae-services .ae-grid-columns {
    justify-content: space-around
}

#ae-services .ae-grid-columns img {
    margin-bottom: .5em
}

#ae-services .ae-grid-columns p {
    margin-bottom: 1.25em !important
}

.ae-text-in-out {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

#ae-comparison {
    position: relative;
    font-size: calc(.12945vw + 13.51456px)
}

#ae-comparison p {
    margin-top: .33em !important;
    margin-bottom: .33em !important
}

.ae-comparison-row {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap
}

.ae-comparison-row>div {
    width: 33%;
    margin-right: 30px;
    -webkit-box-flex: 1;
    flex: 1
}

.ae-comparison-row>div:last-child {
    margin-right: 0
}

.ae-comparison-row .ae-img-fluid img {
    margin: 0 auto
}

.ae-comparison-body>div.h5 {
    padding: 1em 0 0 0
}

.ae-comparison-body .ae-comparison-row>div {
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.ae-comparison-body strong {
    display: block;
    margin: 1.5em 0 0 0
}

.ae-comparison-head {
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    top: var(--ae-height-nav);
    font-weight: 700;
    z-index: 50;
    overflow: hidden
}

.ae-comparison-head .ae-comparison-row>div {
    padding: 1em 0 1em 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.ae-comparison-nav {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ae-comparison-nav a {
    display: block;
    height: 44px;
    width: 44px;
    position: relative
}

.ae-comparison-nav a::before {
    display: block;
    position: absolute;
    content: '';
    left: 15px;
    top: 15px;
    height: 14px;
    width: 14px;
    background: #d2d1d1;
    border-radius: 8px;
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

#ae-comparison[data-active='1'] a[data-id='1']::before {
    background: #494546
}

#ae-comparison[data-active='2'] a[data-id='2']::before {
    background: #494546
}

@media (max-aspect-ratio:1 / 1) {
    #ae-comparison .ae-gray-container {
        overflow: hidden
    }

    #ae-comparison .ae-comparison-head .ae-comparison-row {
        -webkit-transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: transform .5s cubic-bezier(.5, .5, .2, 1), -webkit-transform .5s cubic-bezier(.5, .5, .2, 1)
    }

    #ae-comparison .ae-comparison-head .ae-comparison-row>div {
        padding: 1em 0 3em 0 !important
    }

    #ae-comparison .ae-comparison-row {
        -webkit-transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: -webkit-transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: transform .5s cubic-bezier(.5, .5, .2, 1);
        transition: transform .5s cubic-bezier(.5, .5, .2, 1), -webkit-transform .5s cubic-bezier(.5, .5, .2, 1)
    }

    #ae-comparison .ae-comparison-row>div {
        width: calc(50vw - var(--ae-gap) - 15px);
        min-width: calc(50vw - var(--ae-gap) - 15px)
    }

    .ae-comparison-nav {
        display: -webkit-box;
        display: flex
    }

    #ae-comparison[data-active='1'] .ae-comparison-nav a[data-id='1']::before {
        background: #494546
    }

    #ae-comparison[data-active='1'] .ae-comparison-row {
        -webkit-transform: translateX(calc((0)*(-50vw + var(--ae-gap) - 15px)));
        transform: translateX(calc((0)*(-50vw + var(--ae-gap) - 15px)))
    }

    #ae-comparison[data-active='2'] .ae-comparison-nav a[data-id='2']::before {
        background: #494546
    }

    #ae-comparison[data-active='2'] .ae-comparison-row {
        -webkit-transform: translateX(calc((1)*(-50vw + var(--ae-gap) - 15px)));
        transform: translateX(calc((1)*(-50vw + var(--ae-gap) - 15px)))
    }
}

.ae-comparison-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

#ae-comparison.ae-active .ae-comparison-body {
    max-height: 400vh;
    opacity: 1;
    -webkit-transition: max-height 1.5s ease, opacity .5s ease;
    transition: max-height 1.5s ease, opacity .5s ease
}

.ae-comparison-colors {
    padding: 1.5em 0 0 0;
    margin: 0;
    list-style: none
}

.ae-comparison-colors li {
    margin-top: .5em;
    margin-bottom: .5em;
    line-height: 1.6em
}

.ae-comparison-colors [class^=ae-comparison-colors-] {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin: -.21em .25em 0 0
}

.ae-comparison-colors-1 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#a19fa6), to(#000));
    background: gray linear-gradient(to bottom, #a19fa6, #000)
}

.ae-comparison-colors-2 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#fce5cb), to(#e2b999));
    background: gray linear-gradient(to bottom, #fce5cb, #e2b999)
}

.ae-comparison-colors-3 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#0b879e), to(#00243e));
    background: gray linear-gradient(to bottom, #0b879e, #00243e)
}

.ae-comparison-colors-4 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#bfdaf7), to(#cdc4e9));
    background: gray linear-gradient(to bottom, #bfdaf7, #cdc4e9)
}

.ae-comparison-colors-5 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#e0e4e4), to(#505458));
    background: gray linear-gradient(to bottom, #e0e4e4, #505458)
}

.ae-comparison-colors-7 {
    background: gray -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
    background: gray linear-gradient(to bottom, #eee, #ccc)
}

.ae-disclaimer {
    list-style-type: decimal;
    font-size: 11px;
    color: #afafaf;
    padding: 0 0 0 1.8em;
    font-weight: 600
}

.ae-disclaimer li {
    margin-top: .5em;
    margin-bottom: .5em;
    line-height: 1.6em;
    padding-left: .5em;
    padding-top: 120px;
    margin-bottom: -120px
}

.ae-disclaimer li:target {
    color: #000
}

.ae-fullscreen,
.ae-fullscreen-parallax {
    height: 90vh;
    height: var(--ae-height-full);
    position: relative;
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    background: #f6f4f5
}

.ae-fullscreen .ae-container,
.ae-fullscreen-parallax .ae-container {
    position: relative;
    z-index: 10
}

.ae-fullscreen .ae-fullscreen-container,
.ae-fullscreen-parallax .ae-fullscreen-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1
}

.ae-fullscreen .ae-fullscreen-container img,
.ae-fullscreen-parallax .ae-fullscreen-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media (max-aspect-ratio:1 / 1) {
    .ae-fullscreen-parallax {
        height: auto
    }
}

.ae-fullscreen-parallax .ae-fullscreen-container {
    top: -15vh;
    height: calc(100% + 30vh);
    -webkit-transform: translate(0, 15vh);
    transform: translate(0, 15vh)
}

#ae-security-face-unlock.ae-fullscreen-parallax {
    -webkit-box-align: end;
    align-items: flex-end
}

#ae-security-water.ae-fullscreen-parallax {
    -webkit-box-align: center;
    align-items: center
}

[data-scroll=aeTextInOut] .ae-transform,
[data-scroll=aeTextIn] .ae-transform {
    will-change: transform, opacity
}

[data-scroll=aeBackAppear2] .ae-transform,
[data-scroll=aeBackOut2] .ae-transform,
[data-scroll=aeTextOpacityIn] .ae-transform {
    will-change: opacity
}

[data-scroll=aeParallaxSampleFast] .ae-scroll,
[data-scroll=aeParallaxSample] .ae-scroll,
[data-scroll=aeParallaxSlow] .ae-scroll,
[data-scroll=aeParallax] .ae-scroll {
    will-change: transform
}

[data-scroll=aeFadeInOut] .ae-scroll {
    will-change: transform, opacity
}

[data-scroll=aeClipPathOpen] .ae-video {
    will-change: -webkit-clip-path, clip-path
}

.ae-sequence-fallback {
    display: none
}

#ae-wrapper.ae-performance-low [data-scroll=aeTextOpacityIn] .ae-transform {
    opacity: 1 !important
}

#ae-wrapper.ae-performance-low #ae-intro-logo .ae-container {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#ae-wrapper.ae-performance-low #ae-tvc-video {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important
}

#ae-wrapper.ae-performance-low [data-scroll=aeClipPathOpen] .ae-video {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important
}

#ae-wrapper.ae-performance-low #ae-video .ae-grid-columns {
    margin-top: auto !important
}

.ae-fallback {
    overflow: hidden
}

.ae-fallback .ae-crop-content {
    border-radius: 0 !important
}

.ae-fallback .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div {
    height: 174px
}

.ae-fallback .ae-hidden-observer {
    display: block !important
}

.ae-fallback .ae-sequence-custom,
.ae-fallback .ae-sequence-scroll {
    display: none
}

.ae-fallback .ae-sequence-fallback {
    display: block !important;
    top: 0 !important
}

.ae-fallback .ae-center.ae-grid-columns-ui {
    min-height: calc(12.94498vw + 551.45631px);
    overflow: hidden
}

.ae-fallback .ae-center.ae-grid-columns-ui .ae-space-xs {
    -webkit-box-flex: 0 !important;
    flex: 0 !important;
    min-height: 30px
}

.ae-fallback .ae-center.ae-grid-columns-ui img {
    max-height: 100%;
    margin: auto auto 0 auto;
    width: auto !important;
    max-width: 100%
}

.ae-fallback .ae-center.ae-grid-columns-ui .ae-picture-change {
    display: none !important
}

.ae-fallback .ae-picture-rounded picture {
    border-radius: 0 !important
}

.ae-fallback .ae-picture-rounded picture img {
    border-radius: calc(.97087vw + 11.35922px)
}

.ae-fallback .ae-transform {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.ae-fallback [data-scroll=aeBackAppear2] .ae-transform,
.ae-fallback [data-scroll=aeBackOut2] .ae-transform {
    opacity: .5 !important
}

.ae-fallback [data-scroll=aeParallaxSampleFast] .ae-scroll,
.ae-fallback [data-scroll=aeParallaxSample] .ae-scroll,
.ae-fallback [data-scroll=aeParallaxSlow] .ae-scroll,
.ae-fallback [data-scroll=aeParallax] .ae-scroll {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.ae-fallback [data-scroll=aeFadeInOut] .ae-scroll {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.ae-fallback [data-scroll=aeClipPathOpen] .ae-video {
    overflow: hidden
}

.ae-fallback .ae-stuck {
    position: relative
}

.ae-fallback .ae-story-back,
.ae-fallback .ae-story-title {
    opacity: 1
}

.ae-fallback .ae-story-title {
    position: relative;
    height: auto !important;
    display: -webkit-box;
    display: flex;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    top: 0
}

.ae-fallback .ae-story-title .ae-container,
.ae-fallback .ae-story-title .ae-narrow-center {
    margin-top: auto;
    margin-bottom: auto
}

.ae-fallback .ae-sticky-3,
.ae-fallback .ae-sticky-4,
.ae-fallback .ae-sticky-5 {
    height: auto !important;
    margin-bottom: 15vh !important
}

.ae-fallback .ae-sticky-3>.ae-stuck,
.ae-fallback .ae-sticky-4>.ae-stuck,
.ae-fallback .ae-sticky-5>.ae-stuck {
    height: auto !important;
    padding-top: 15vh !important;
    padding-bottom: 15vh !important
}

.ae-fallback .ae-fullscreen-container img,
.ae-fallback .ae-fullscreen-container video,
.ae-fallback .ae-story-back img,
.ae-fallback .ae-story-back video,
.ae-fallback .ae-story-fade img,
.ae-fallback .ae-story-fade video {
    height: auto !important;
    width: auto !important;
    min-height: 100% !important;
    max-width: 200% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ae-fallback .ae-sticky-trigger-picture img {
    height: 100% !important;
    width: auto !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ae-fallback .ae-sticky-trigger-picture>div {
    height: 70vh;
    margin-bottom: 10vh !important
}

.ae-fallback .ae-sticky-trigger-content>div {
    height: 80vh;
    margin-bottom: 0 !important
}

.ae-fallback .ae-sticky-trigger-content,
.ae-fallback .ae-sticky-trigger-picture {
    position: relative;
    height: auto !important
}

.ae-fallback .ae-sticky-trigger-content>div,
.ae-fallback .ae-sticky-trigger-picture>div {
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    position: relative !important;
    opacity: 1 !important
}

.ae-fallback .ae-sticky-trigger-content {
    padding: 0 !important
}

.ae-fallback .ae-sticky-trigger-content .ae-text-large {
    font-size: calc(.2589vw + 15.02913px) !important
}

.ae-fallback .ae-sticky-trigger-content h3 {
    font-size: calc(.7767vw + 17.08738px) !important
}

.ae-fallback .ae-story-fade {
    opacity: .5 !important
}

.ae-fallback #ae-performance-intro.ae-sticky-4,
.ae-fallback #ae-photo-sensor-intro.ae-sticky-5 {
    height: 200vh
}

.ae-fallback #ae-magnifier.ae-sticky-3 {
    height: 100vh !important
}

.ae-fallback .ae-magnifier {
    display: none !important
}

.ae-fallback .ae-magnifier-fallback {
    display: block !important
}

.ae-fallback .ae-crop-content,
.ae-fallback .ae-sticky-trigger-picture {
    top: 0
}

.ae-fallback #ae-photo-superzoom .ae-sticky-trigger-content {
    margin-top: -780px;
    margin-top: calc(var(--ae-height-box)*-1)
}

.ae-fallback .ae-sticky-trigger-picture>div,
.ae-fallback .ae-t-item {
    opacity: 1 !important;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.ae-fallback .ae-t-item.ae-space-xlg {
    height: auto !important
}

.ae-fallback .ae-sticky-trigger-picture .ae-video-container,
.ae-fallback .ae-sticky-trigger-picture>picture {
    position: relative;
    opacity: 1
}

.ae-fallback #ae-comparison>div.ae-comparison-head {
    position: relative
}

.ae-fallback #ae-photo-camera .ae-space-xlg.ae-hidden-lg,
.ae-fallback #ae-photo-camera .ae-t-item.ae-space-xlg {
    display: none !important
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-content {
    padding-bottom: 45px !important
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-content>div {
    margin-bottom: 15px !important;
    height: auto !important;
    min-height: 0 !important
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-content>div h3 {
    font-size: calc(.2589vw + 13.02913px);
    margin-bottom: 0 !important
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-content>div p {
    font-size: calc(.19417vw + 12.27184px)
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-picture>div.ae-back img {
    left: 0 !important;
    top: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    height: auto !important;
    width: 100% !important;
    opacity: 1 !important
}

.ae-fallback #ae-photo-camera .ae-sticky-trigger-picture>div:not(.ae-back) {
    display: none
}

.ae-fallback #ae-photo-superzoom .ae-sticky-trigger-content {
    display: none
}

.ae-fallback .ae-picture-change {
    overflow: hidden !important;
    opacity: 1 !important;
    left: 50% !important
}

.ae-fallback .ae-picture-change>picture {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 200% !important;
    position: relative !important;
    left: -100% !important
}

.ae-fallback #ae-photo-superzoom-hero {
    height: 70vh !important
}

.ae-fallback #ae-intro-kv.ae-sticky-2 {
    height: auto !important
}

.ae-fallback #ae-intro-kv .ae-intro-kv-fixed-contaner {
    position: relative !important;
    height: auto !important
}

.ae-fallback #ae-intro-kv .ae-intro-kv-fixed-contaner>.ae-container {
    height: 100vh
}

.ae-fallback #ae-intro-kv .ae-intro-kv-fixed-contaner::before {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    background: #f6f4f5
}

.ae-fallback #ae-intro-kv-bottom img,
.ae-fallback #ae-intro-kv-top img {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.ae-fallback #ae-intro-logo {
    padding: 10vh 0 !important;
    position: relative !important;
    top: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

.ae-fallback #ae-intro-logo .ae-container {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    opacity: 1 !important
}

.ae-fallback #ae-tvc-video {
    height: auto !important
}

.ae-fallback #ae-intro-tvc {
    margin-top: 0 !important
}

html[dir=rtl] .ae-fallback .ae-fullscreen-container video,
html[dir=rtl] .ae-fallback .ae-story-back video,
html[dir=rtl] .ae-fallback .ae-story-fade video {
    left: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
    transform: translate(50%, -50%) !important
}

html[dir=rtl] #ae-fullscreen-video video,
html[dir=rtl] _:-ms-lang(x) {
    left: auto !important;
    right: 50%
}

_:-ms-lang(x),
.blur-up {
    -ms-transition: none !important;
    transition: none !important
}

_:-ms-lang(x),
video {
    height: auto !important
}

#ae-intro-logo {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    will-change: opacity;
    text-align: center
}

#ae-intro-logo .ae-container {
    opacity: 0
}

#ae-intro-logo img {
    max-width: 66vw
}

#ae-intro-kv-trigger {
    position: absolute;
    top: 0
}

#ae-intro-kv {
    z-index: 10;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

#ae-intro-kv .ae-intro-kv-fixed-contaner {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

#ae-intro-kv.ae-hidden .ae-intro-kv-fixed-contaner {
    visibility: hidden
}

#ae-intro-kv .ae-container {
    height: 100%;
    position: relative;
    max-width: 156vh
}

#ae-intro-kv-back {
    z-index: 30;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    will-change: opacity
}

#ae-intro-kv-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 107.97468%;
    height: 78.11111%;
    z-index: 11
}

#ae-intro-kv-top img {
    bottom: auto;
    top: 0;
    left: 0
}

#ae-intro-kv-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    width: 85.63291%;
    height: 54.77778%;
    z-index: 10
}

#ae-intro-kv-bottom img,
#ae-intro-kv-top img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    will-change: transform
}

@media (min-aspect-ratio:4001 / 3000) and (max-aspect-ratio:14 / 9) {

    #ae-intro-kv-bottom img,
    #ae-intro-kv-top img {
        max-width: 110%;
        width: 110%
    }
}

@media (min-aspect-ratio:3501 / 3000) and (max-aspect-ratio:4 / 3) {

    #ae-intro-kv-bottom img,
    #ae-intro-kv-top img {
        max-width: 120%;
        width: 120%
    }
}

@media (min-aspect-ratio:1001 / 1000) and (max-aspect-ratio:35 / 30) {

    #ae-intro-kv-bottom img,
    #ae-intro-kv-top img {
        max-width: 135%;
        width: 135%
    }
}

.ae-intro-kv-overlay {
    position: relative;
    z-index: 20
}

.ae-intro-kv-overlay:not(.ae-inverted-container) {
    background: #fff
}

#ae-intro-tvc {
    margin-top: calc(-50vh - var(--ae-height-nav)*2);
    z-index: 20;
    background: #fff
}

#ae-intro-tvc .ae-trigger {
    position: absolute;
    top: calc(50vh - var(--ae-height-nav))
}

#ae-intro-tvc video {
    display: block;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@supports ((-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
    #ae-intro-tvc {
        background: 0 0
    }
}

#ae-intro-tvc-link {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    white-space: nowrap
}

#ae-tvc-video {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    will-change: -webkit-clip-path, clip-path;
    height: 100vh;
    background: #000
}

#ae-tvc-video video {
    width: 100%
}

@media (max-aspect-ratio:1 / 1) {
    #ae-tvc-video {
        -webkit-clip-path: none !important;
        clip-path: none !important
    }
}

#ae-intro-tvc-trigger {
    position: absolute;
    top: 50%
}

#ae-kv-back {
    background: #211d1e;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15
}

@media (max-aspect-ratio:1 / 1) {
    #ae-kv-slogan {
        padding-left: 30px;
        padding-right: 30px
    }

    #ae-intro-kv .ae-container {
        width: auto
    }

    #ae-intro-kv-bottom,
    #ae-intro-kv-top {
        width: 100%
    }

    #ae-intro-kv-bottom img,
    #ae-intro-kv-top img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 0;
        object-position: 50% 0;
        -webkit-transform: translate(0, 0) rotate(0) scale(1);
        transform: translate(0, 0) rotate(0) scale(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    #ae-intro-kv-top {
        height: 61.36534%
    }

    #ae-intro-kv-top img {
        -o-object-position: 50% 100%;
        object-position: 50% 100%
    }

    #ae-intro-kv-bottom {
        height: 38.63466%
    }

    #ae-intro-kv-bottom img {
        -o-object-position: 50% 0;
        object-position: 50% 0
    }
}

.ae-tipa-badge img {
    margin: 0 1em 1em 1em;
    width: auto !important;
    max-width: initial !important;
    height: calc(5.17799vw + 100.58252px);
    display: inline-block !important
}

.ae-tipa-badge p {
    margin-top: 0 !important
}

.ae-tipa-badge h3,
.ae-tipa-badge h4 {
    margin-bottom: .5em !important
}

@media (min-aspect-ratio:1001 / 1000) {
    #ae-photo-camera .ae-tipa-badge {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    #ae-photo-camera .ae-tipa-badge img {
        margin: 0 0 0 2em
    }

    #ae-photo-camera .ae-tipa-badge h3 {
        text-indent: -.4em
    }

    .ae-narrow-center.ae-tipa-badge {
        max-width: 860px
    }
}

.ae-zoom-sample-blocks>div:nth-child(2) {
    margin-top: 15px
}

.ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2) {
    display: -webkit-box;
    display: flex;
    margin-top: 15px
}

.ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div {
    width: calc(50% - 7.5px)
}

.ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div:first-child {
    margin-right: 15px
}

html[dir=rtl] .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div:first-child {
    margin-right: 0;
    margin-left: 15px
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-zoom-sample-blocks {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch
    }

    .ae-zoom-sample-blocks>div {
        width: calc(50% - 15px)
    }

    .ae-zoom-sample-blocks>div:first-child {
        margin-right: 30px
    }

    .ae-zoom-sample-blocks>div:nth-child(2) {
        margin-top: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .ae-zoom-sample-blocks>div:nth-child(2)>div:first-child {
        -webkit-box-flex: 2;
        flex: 2
    }

    .ae-zoom-sample-blocks>div:nth-child(2)>div:first-child img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2) {
        margin-top: 30px
    }

    .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div {
        width: calc(50% - 15px)
    }

    .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div:first-child {
        margin-right: 30px
    }

    html[dir=rtl] .ae-zoom-sample-blocks>div:first-child {
        margin-right: 0;
        margin-left: 30px
    }

    html[dir=rtl] .ae-zoom-sample-blocks>div:nth-child(2)>div:nth-child(2)>div:first-child {
        margin-right: 0;
        margin-left: 30px
    }
}

.ae-zoom-sample-container {
    position: relative;
    border-radius: calc(.97087vw + 11.35922px);
    overflow: hidden
}

.ae-zoom-caption {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 10;
    color: #211d1e;
    font-size: 11px;
    line-height: 44px;
    text-align: center;
    font-weight: 700;
    right: calc(.48544vw + 5.67961px);
    bottom: calc(.48544vw + 5.67961px)
}

#ae-photo-superzoom .ae-crop-content {
    margin-bottom: var(--ae-height-nav)
}

#ae-photo-superzoom-trigger {
    position: absolute;
    top: 50vh
}

#ae-photo-superzoom-ui {
    overflow: visible;
    position: relative;
    paddding: 0;
    top: calc(-50vh + 130px)
}

#ae-photo-superzoom-digits {
    line-height: 48px;
    height: 48px;
    position: -webkit-sticky;
    position: sticky;
    top: calc(50vh + (var(--ae-height-nav)/ 2));
    width: var(--ae-gap);
    left: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

#ae-photo-superzoom-digits>div {
    display: block;
    font-variant-numeric: tabular-nums;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    line-height: 48px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#ae-photo-superzoom-digits>div:first-child {
    height: 96px
}

#ae-photo-superzoom-digits>div:last-child {
    height: 480px
}

#ae-photo-superzoom-digits::after {
    display: block;
    content: 'x';
    height: 48px;
    line-height: 48px;
    padding-left: .1em
}

#ae-photo-camera .ae-sticky-trigger-picture {
    overflow: visible
}

#ae-photo-camera .ae-sticky-trigger-picture>div {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

#ae-photo-camera .ae-sticky-trigger-picture>div img {
    -o-object-position: 50% 0;
    object-position: 50% 0;
    height: auto
}

#ae-photo-camera .ae-sticky-trigger-picture>div.ae-back img {
    opacity: .25;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

#ae-photo-camera .ae-sticky-trigger-picture .ae-back {
    opacity: 1;
    z-index: 5
}

#ae-photo-camera .ae-sticky-trigger[data-active='0'] .ae-sticky-trigger-picture>div.ae-back img {
    opacity: 1
}

.ae-safari #ae-photo-camera .ae-sticky-trigger-picture>picture {
    -webkit-transform: translateZ(0)
}

@media (min-aspect-ratio:42 / 30) {
    #ae-photo-superzoom .ae-sticky-trigger-picture {
        width: calc(var(--ae-height-box) * 3 / 2)
    }
}

#ae-photo-superzoom .ae-sticky-trigger-picture {
    margin: 0 auto
}

#ae-photo-superzoom .ae-sticky-trigger-content {
    text-align: right;
    padding-top: 0;
    text-shadow: 0 10px 30px #000
}

@media (min-aspect-ratio:1001 / 1000) {
    #ae-photo-camera .ae-columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }

    #ae-photo-superzoom .ae-sequence-fallback img,
    #ae-photo-superzoom .ae-sticky-trigger-picture {
        border-radius: calc(.97087vw + 11.35922px)
    }

    #ae-photo-superzoom .ae-sticky-trigger-content {
        margin-right: calc(var(--ae-gap)*-.5)
    }

    #ae-wrapper:not(.ae-fallback) #ae-photo-superzoom .ae-sticky-trigger-picture.ae-sequence-portrait {
        width: calc(var(--ae-height-box) * .75) !important
    }

    html[dir=rtl] #ae-photo-superzoom .ae-sticky-trigger-content {
        text-align: left;
        margin-left: calc(var(--ae-gap)*-.5);
        margin-right: 0 !important
    }
}

@media (max-aspect-ratio:1 / 1) {
    #ae-photo-superzoom-container {
        width: auto !important
    }

    #ae-photo-superzoom .ae-sticky-trigger-content {
        padding-top: 33vw !important
    }

    #ae-photo-superzoom .ae-sticky-trigger-picture {
        max-height: 133vw !important;
        width: auto !important
    }
}

.ae-active #ae-photo-superzoom-digits>div:first-child {
    -webkit-transform: translate(0, -96px);
    transform: translate(0, -96px)
}

.ae-active #ae-photo-superzoom-digits>div:last-child {
    -webkit-transform: translate(0, -432px);
    transform: translate(0, -432px)
}

.ae-magnifier-container {
    position: relative
}

.ae-magnifier-container .ae-trigger {
    top: calc(-120px - var(--ae-height-nav))
}

.ae-magnifier {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ae-magnifier .ae-transform {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    pointer-events: auto;
    overflow: hidden
}

.ae-magnifier .ae-transform picture {
    will-change: transform;
    display: block;
    position: absolute;
    width: 200%;
    height: 200%;
    left: -50%;
    top: -50%;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.ae-magnifier .ae-transform img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.ae-magnifier .ae-transform.ae-transition picture {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.7, 0, .3, 1);
    transition: -webkit-transform 1s cubic-bezier(.7, 0, .3, 1);
    transition: transform 1s cubic-bezier(.7, 0, .3, 1);
    transition: transform 1s cubic-bezier(.7, 0, .3, 1), -webkit-transform 1s cubic-bezier(.7, 0, .3, 1)
}

.ae-magnifier .ae-transform.ae-disabled picture {
    -webkit-transform: translate(0, 0) scale(.5) !important;
    transform: translate(0, 0) scale(.5) !important
}

.ae-magnifier-fallback {
    display: none
}

_:-ms-lang(x),
.ae-magnifier .ae-transform:not(.ae-transition) picture {
    -ms-transition: none !important;
    transition: none !important
}

.ae-magnifier-hint {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 90px;
    z-index: 90;
    opacity: 0;
    text-shadow: 0 5px 20px #000;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    will-change: opacity;
    width: 80%;
    text-align: center
}

.ae-performance-low .ae-magnifier .ae-transform.ae-active picture {
    -webkit-transform: translate(0, 10%) !important;
    transform: translate(0, 10%) !important
}

.ae-performance-low .ae-magnifier-hint .ae-hidden-mouse {
    display: none !important
}

.ae-magnifier .ae-transform.ae-active .ae-magnifier-hint {
    opacity: 1
}

#ae-photo-selfie-intro-3 img {
    -o-object-fit: contain;
    object-fit: contain
}

.ae-video::before {
    display: block;
    content: ''
}

.ae-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

@supports ((-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
    #ae-video .ae-grid-columns {
        margin-top: -15vh
    }
}

.ae-video-short::before {
    padding-top: 45.64%
}

@media (min-aspect-ratio:1001 / 1000) {
    .ae-video-large::before {
        padding-top: 56.25%
    }

    .ae-video-square::before {
        padding-top: 100%
    }

    .ae-grid-row .ae-video-caption {
        display: -webkit-box;
        display: flex;
        justify-content: space-around
    }

    .ae-grid-row .ae-video-caption h5 {
        max-width: 420px;
        margin-right: 30px !important
    }

    .ae-grid-row .ae-video-caption p {
        margin-top: 0 !important;
        max-width: 800px
    }
}

@media (max-aspect-ratio:1 / 1) {
    .ae-video-large::before {
        padding-top: 133.75%
    }

    .ae-video-square::before {
        padding-top: 100%
    }

    #ae-video-sample-7 .ae-video {
        margin-left: calc(-9.06149vw + 3.98058px);
        margin-right: calc(-9.06149vw + 3.98058px)
    }
}

#ae-design-material-e-plus {
    position: relative;
    overflow: hidden
}

#ae-design-material-e-plus .ae-trigger {
    top: -100vh
}

#ae-design-material-e-plus img {
    width: 100%;
    height: auto;
    display: block
}

#ae-design-material-e-plus .ae-transform {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    will-change: transform;
    width: 65.85938%;
    height: auto
}

#ae-wrapper.ae-performance-low #ae-design-material-e-plus .ae-transform {
    -webkit-transform: none !important;
    transform: none !important
}

#ae-design-material-e-plus-copy {
    position: relative;
    z-index: 3;
    margin-top: -15vw
}

@media (max-aspect-ratio:1 / 1) {
    #ae-design-material-e-plus .ae-transform {
        width: 62.66667%
    }

    #ae-design-material-e-plus-copy {
        margin-top: -30vw
    }
}

#ae-design-intro {
    position: relative
}

#ae-design-intro .ae-story-title {
    position: relative
}

#ae-design-colors {
    position: relative
}

#ae-design-colors-nav {
    position: absolute;
    left: 50%;
    bottom: 60px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 30;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

#ae-design-colors-nav a:link,
#ae-design-colors-nav a:visited {
    margin: 0 1em 1em 1em;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    position: relative;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .5s .5s ease;
    transition: -webkit-transform .5s .5s ease;
    transition: transform .5s .5s ease;
    transition: transform .5s .5s ease, -webkit-transform .5s .5s ease
}

#ae-design-colors-nav a:link.ae-current,
#ae-design-colors-nav a:visited.ae-current {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

#ae-design-colors-nav a:link.ae-current strong,
#ae-design-colors-nav a:visited.ae-current strong {
    opacity: 1;
    -webkit-transition: opacity .5s .5s ease;
    transition: opacity .5s .5s ease
}

#ae-design-colors-nav a:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

#ae-design-colors-nav a:hover.ae-active {
    cursor: default
}

#ae-design-colors-nav span {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    z-index: 3
}

#ae-design-colors-nav strong {
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #211d1e;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#ae-design-colors-nav svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
    z-index: 2
}

#ae-design-colors-nav circle {
    stroke: #211d1e;
    stroke-width: 2px;
    fill: none;
    stroke-linecap: butt;
    stroke-dasharray: 120;
    stroke-dashoffset: 120;
    -webkit-transition: stroke .5s ease;
    transition: stroke .5s ease
}

#ae-design-colors-slider {
    min-height: 650px;
    height: var(--ae-height-full);
    position: relative
}

#ae-design-colors-slider>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: stretch;
    align-content-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    align-content-will-change: -webkip-clip-path, clip-path;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    opacity: 0
}

#ae-design-colors-slider>div.ae-current {
    display: -webkit-box;
    display: flex;
    z-index: 20;
    opacity: 1
}

#ae-design-colors-slider>div.ae-previous {
    display: -webkit-box;
    display: flex;
    z-index: 15;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

#ae-design-colors-slider>div.ae-next {
    display: -webkit-box;
    display: flex;
    z-index: 10
}

#ae-design-colors-slider .ae-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 150px;
    padding-top: calc(1.2945vw + 55.14563px)
}

#ae-design-colors-slider .ae-container picture {
    display: block;
    text-align: center;
    width: 33%
}

#ae-design-colors-slider .ae-container img {
    width: auto;
    height: 100%
}

@media (max-aspect-ratio:1 / 1) {
    #ae-design-colors-slider .ae-container picture:nth-child(2) {
        display: none
    }

    #ae-design-colors-slider .ae-container picture {
        width: 50%
    }

    #ae-design-colors-nav a:link,
    #ae-design-colors-nav a:visited {
        margin-left: .5em;
        margin-right: .5em
    }
}

@supports ((-o-object-fit:contain) or (object-fit:contain)) {
    #ae-design-colors-slider .ae-container img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

#ae-design-colors.ae-visible #ae-design-colors-nav a.ae-current circle {
    -webkit-animation: ae-design-color-progress 6s linear forwards;
    animation: ae-design-color-progress 6s linear forwards
}

@-webkit-keyframes ae-design-color-progress {
    0% {
        stroke-dashoffset: 120
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes ae-design-color-progress {
    0% {
        stroke-dashoffset: 120
    }

    100% {
        stroke-dashoffset: 0
    }
}

@supports ((-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
    #ae-wrapper:not(.ae-performance-low) #ae-design-colors-slider>div {
        -webkit-transition: none;
        transition: none;
        opacity: 1 !important
    }

    #ae-wrapper:not(.ae-performance-low) #ae-design-colors-slider>div.ae-current {
        -webkit-animation: ae-design-color-open .8s cubic-bezier(.8, 0, .6, .6) forwards;
        animation: ae-design-color-open .8s cubic-bezier(.8, 0, .6, .6) forwards
    }
}

@-webkit-keyframes ae-design-color-open {
    0% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 -100%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 -100%, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes ae-design-color-open {
    0% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
    }

    100% {
        -webkit-clip-path: polygon(0 -100%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 -100%, 100% 0, 100% 100%, 0 100%)
    }
}

#ae-performance-game {
    position: relative;
    padding-top: 32.8125vw;
    min-height: 63.59375vw
}

#ae-performance-game .ae-container {
    position: relative;
    z-index: 10
}

#ae-performance-game img {
    position: absolute;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    top: 0
}

@media (max-aspect-ratio:1 / 1) {
    #ae-performance-game {
        padding-top: 55vw
    }
}

#performance-ip68 {
    position: relative
}

#performance-ip68 img {
    max-width: 100%;
    width: 100%;
    position: relative;
    z-index: 1
}

#ae-security-intro {
    position: relative
}

#ae-security-intro .ae-story-title {
    position: relative
}

#ae-security-face-unlock-trigger,
#ae-security-gesture-trigger {
    position: absolute;
    top: -100vh;
    width: 100%
}

#ae-security-face-unlock {
    background: #0d1014;
    box-shadow: 0 2px 0 #0d1014;
    height: 100vh
}

#ae-security-fingerprint {
    box-shadow: 0 0 0 2px #000
}

@media (min-aspect-ratio:1001 / 1000) {

    #ae-security-face-unlock .ae-container,
    #ae-security-gesture .ae-container {
        padding-left: 40.76%
    }

    #ae-security-water .ae-container {
        padding-right: 49.05%;
        padding-left: 8.29%
    }
}

@media (max-aspect-ratio:1 / 1) {
    #ae-security-water {
        display: block;
        text-align: center
    }

    #ae-security-water .ae-fullscreen-container {
        height: auto;
        position: relative
    }

    #ae-security-water .ae-fullscreen-container::before {
        display: block;
        content: '';
        position: absolute;
        bottom: 100%;
        width: 100%;
        height: 100vw;
        background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/images/security/water-bg-xs.webp) left bottom repeat-y;
        background-size: 100% auto
    }

    .ae-no-webp #ae-security-water .ae-fullscreen-container::before {
        background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/phones/p40-pro-plus/images/security/water-bg-xs.jpg)
    }

    #ae-security-face-unlock {
        height: auto;
        min-height: 0;
        display: block
    }

    #ae-security-face-unlock .ae-space-xlg {
        display: none
    }

    #ae-security-face-unlock .ae-container {
        margin-top: 100vw;
        text-align: center
    }

    #ae-security-face-unlock .ae-fullscreen-container {
        height: auto
    }

    #ae-power-intro-2 .ae-container {
        width: auto
    }
}

#ae-power-intro-1 h3 {
    z-index: 5
}

html[dir=rtl] #ae-wrapper #ae-power-intro-1 h3 {
    margin-right: auto
}

@media (min-aspect-ratio:1001 / 1000) {
    #ae-power-intro-3 .ae-columns-4 {
        margin-top: calc(-9.06149vw + -26.01942px);
        margin-left: auto
    }

    #ae-power-intro-1 {
        margin-bottom: calc(-3.8835vw + -45.43689px)
    }

    #ae-power-intro-1 h3 {
        max-width: calc(25.88997vw + 302.91262px)
    }
}